Css Codigos

7
Listas. La modifcación de los atributos de las listas permite mejorar el diseño visual de estas. Para las listas no ordenadas se puede modifcar el estilo en: List-style-type: circle; Código. Resultado. List-style-type: square; Código. Resultado.

description

codigo css basico

Transcript of Css Codigos

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.