template

¿Cómo cambio el estilo del borde?

Para cambiar el estilo del border están los siguientes valores:

• None:
  

No se visualiza el borde, pero se puede poner la anchura.

Ej:

En este caso la anchura son 2px y none indica que no se ve el borde.

• Solid:

Ej:

border: 2px solid #eeaabb;

• Dotted:

Ej:

border: 2px dotted #eeaabb;

• Dashed:

Ej:

border: 2px dashed #eeaabb;

• Double:

En este caso la línea será doble y la suma de las dos líneas y el espacio entre ambas será el ancho del borde.

Ej:

border: 4px double #eeaabb;

• Groove:

Ej:

border: 4px groove #bb3355;

• Ridge:

Ej:

border: 4px ridge #bb3355;

• Inset:

Ej:

border: 3px inset #bb3355;

• Outset:

Ej:

border: 3px outset #bb3355;

Si lo que quieres es una línea de menos de un pixel esto puede ser la solución.

Ej:

border: 1px thin #eeaaaa;