Wed, 20 Aug 2008 07:56:20 -0400 http://www.bligoo.com/ es border http://template.bligoo.com/content/view/141064/border.html Mon, 23 Jun 2008 12:53:35 -0400 http://template.bligoo.com/content/view/141064/border.html Ximena ¿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:

2px none;

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

  • Solid:

Ej:

border: 2px solid #eeaabb;

solid

  • Dotted:

Ej:

border: 2px dotted #eeaabb;

dotted

  • Dashed:

Ej:

border: 2px dashed #eeaabb;

dashed

  • 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;

double

  • Groove:

Ej:

border: 4px groove #bb3355;

groove

  • Ridge:

Ej:

border: 4px ridge #bb3355;

ridge

  • Inset:

Ej:

border: 3px inset #bb3355;

inset

  • Outset:

Ej:

border: 3px outset #bb3355;

outset

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

Ej:

border: 1px thin #eeaaaa;

]]> Links con subrayado de distinto color cuando el mouse pasa sobre ellos http://template.bligoo.com/content/view/112981/Links_con_subrayado_de_distinto_color_cuando_el_mouse_pasa_sobre_ellos.html Thu, 03 Jan 2008 14:28:47 -0300 http://template.bligoo.com/content/view/112981/Links_con_subrayado_de_distinto_color_cuando_el_mouse_pasa_sobre_ellos.html Ximena Para poner un subrayado de otro color cuando el mouse pasa sobre un link, se puede solucionar con un borde. En este caso el borde va en a:hover . No olvides que al poner el borde no es necesario un subrayado (underline).

Si te gustan los enlaces (a) con subrayado, sustituye none por underline.

a {
color: #bc1c2d;

text-decoration: none;

}

a:hover {
color: #333;

text-decoration: none;

border-bottom: 2px solid #41aadc;
}

Abajo una imagen que muestra más o menos como se vería el código CSS.

Primero está el enlace y después el enlace cuando el mouse pasa sobre él.

 

img 1

 

Si quieres cambiar el grosor del borde modifica lo que está en rojo, a continuación:

a:hover {
color: #333;

text-decoration: none;

border-bottom: 2px solid #41aadc;
}

Por ejemplo, si quieres el borde más delgado pon 1px

]]> Pon de otro color el subrayado de los links http://template.bligoo.com/content/view/111670/Pon_de_otro_color_el_subrayado_de_los_links.html Thu, 03 Jan 2008 14:15:13 -0300 http://template.bligoo.com/content/view/111670/Pon_de_otro_color_el_subrayado_de_los_links.html Ximena Para cambiar de color el subrayado de los links podemos quitar el subrayado y poner un borde.

a son los links y a:hover los links cuando el mouse pasa sobre ellos.

a {

color: #000;

text-decoration: none;

border-bottom: 1px solid #789c2b;

}

a:hover {

border: none;

}

Con esto el 'subrayado' de los enlaces es de color verde, los enlaces son negros y cuando el mouse pasa sobre ellos el 'subrayado' se quita.

Para cambiar el color de los enlaces cambia lo que está en rojo:

a {

color: #000;

text-decoration: none;

border-bottom: 1px solid #789c2b;

}

Para cambiar el color del 'subrayado' cambia lo que está en rojo:

a {

color: #000;

text-decoration: none;

border-bottom: 1px solid #789c2b;

}

]]>