Listas.La modificacin de los atributos de las listas permite mejorar el diseo visual de estas.Para las listas no ordenadas se puede modificar el estilo en: List-style-type: circle;Cdigo. Resultado.

List-style-type: square;

Cdigo. Resultado.

Para las ordenadas el estilo puede ser: List-style-type: upper-roman;Codigo. Resultado.

List-style-type: lower-alpha;Codigo. Resultado.

Si queremos mejorar el estilo adems de los predeterminados podemos utilizar una imagen en lugar de una letra o punto con el siguiente cdigo:

List-style-image: url(imagen.jpg);Codigo. Resultado.

Tablas.Tambin se puede modificar el estilo de una tabla con las siguientes opciones de cdigo.Para modificar los bordes exteriores de la tabla se utiliza: Border: 2px solid blue;Codigo. Resultado.

Para modificar el ancho y alto de las celdas se utiliza: Width: 100%; Height: 50px;Codigo. Resultado.

Para cambiar los colores de fondo se utiliza: Background-color: Green;Codigo. Resultado.

Y para alinear el texto utilizamos: Text-align:center;

Vinculos.Se pueden modificar los estilos de los vnculos con los siguientes cdigos en los diferentes estados de un vnculo (ninguno, activo, visitado, hover): Color:black; Text-Decoration:none; ///underlineEnlace Normal.

Enlace visitado. Enlace activo.

Enlace Hover.