Bordes

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 siguiendo 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

Related Posts with Thumbnails