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!
► 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