11 de abril de 2014

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





No hay comentarios:

Publicar un comentario

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.