ghost3333's profile picture

Published by

published
updated

Category: Web, HTML, Tech

tutorial como poner fondo de color en un blog + borde

Yo hago un curso en diseño, así que estoy empezando el módulo de diseño de páginas web donde veo HTML y CSS que son lo que se usa para hacer páginas web, cosa que spacehey usa.


En este caso estuve probando con el CSS que es para darle el estilo a páginas web y dio como resultado este código

<style>

.blog-entry { border: 3px dashed black;

Background-color: purple;

border-raduis:15 px;

 }

</style>


Primero, poner el código: copiar, pegar el código tal y como se muestra escrito para ponerlo en la sección de <> que está de color azul al lado de la t de texto. 

Para eso le dan clic y verán que esa sección se convierte en un ojo para  pegar el código dentro del cuadro donde se escriben los blogs. Luego, para volver a la normalidad, le dan clic en el ojo y se convierte de nuevo esa sección en <>.

Segundo, editar el código:

border: 3px dashed black

El 3px indica el tamaño del borde, así que le colocas el número que quieras para cambiar de tamaño.

 dashed indica el estilo del borde y en este caso puse dashed, pero puede poner por ejemplo dotted, solid, double, groove o ridge así que eliges el que quieres a ver cómo se ve, ya que solo usé dashed.

  El black es el color para el borde pero puedes poner otros como yellow, blue, green etc.

Background color: purple 

El purple significa que el fondo del blog va a ser morado pero puedes poner green, yellow, Blue, Brown etc.

Border-radius: 15px 

Esto  hace que las esquinas se vean redondas cambiándole el número para el tamaño, pero si no quieres, se las puedes quitar al código y ya no se verán las esquinas redondas.

Por último, publican el blog y podrán ver el resultado.

Me gustaría saber en los comentarios si alguno le dio resultado, lo cual significa que he aprendido bien lo que me han enseñado.



Importante: Algunos colores de fondo no hacen que sea tan visible el texto que se escribe en un blog. Entonces, en ese caso, le colocan el color que mejor se vea.


Para ciertas partes del blog donde está la palabra comments add comments view all displaying kudos en la parte inferior y la parte superior donde se ve el edit pin to blog delete no pude hacer nada para que el color de fondo del blog no afecte su visibilidad, ya que es algo más complejo y apenas estoy empezando.


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )