Bordes en el blog



Si queremos dar un nuevo aspecto a nuestro blog, podemos utilizar los distintos tipos de bordes para delimitar y diferenciar espacios en el, los bordes los podemos definir en diferentes tipos, grosores y colores como el siguiente esquema:

border: grosor tipo color;

  • grosor: se expresa en píxeles
  • tipo: define el aspecto del mismo
  • color: código html del color deseado


Tipos de borde:

dotted: Borde punteado

dashed: Borde discontínuo

solid: Borde contínuo

double: Borde doble

groove: Borde con sombra oscura

ridge: Borde con sombra clara

inset: Borde 3D hacia afuera

outset: Borde 3D hacia adentro


Ejemplo:

border: 10px dotted black

border: 10px dashed black

border: 10px solid black

border: 10px double black

border: 10px groove black

border: 10px ridge black

border: 10px inset black

border: 10px outset black



También podemos ubicar nuestro borde:
Parte superior: border-top
Parte inferior: border-bottom
Parte izquierda: border-left
Parte derecha: border-right


Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top