martes, 4 de noviembre de 2008

Hojas de estilos CSS

Con CSS se pueden poner diversos efectos en una plantilla para que no tengamos que ir configurando cada una de nuestras paginas con un fondo de pagina, un tipo de letra, un tamaño, etc.

Color de fondo: modificariamos el color de fondo de nuestra pagina.

body
{
background-color: orange;
}

Imagenes en las listas: añadiriamos unas imagenes a nuestras listas justamente en donde empieza cada elemento de la lista.

.boton {list-style-image:url("TINTIN.jpg");}
//.boton {list-style-image:url("D.gif");}

Efeto hover: es un efecto que trata de lo siguiente, nosotros cuando pasamos el raton por encima de un elemento , para hacer que este elemento se torne de otro color lo que vamos a hacer es usar el efecto hover.

ul#topmenu li a:hover {
background: #efefef url(../img/menuhover.jpg) 0 0 no-repeat;
color: #fff;
font-weight: bold;

Daniel Rodriguez Serra

1 comentario:

paqui dijo...

No queda clara la explicación del efecto hover con ese ejemplo. Ponlo más directo, sólo el elemento hover.