Vamos A Implementar Un C Digo Para Que Asimiles Mejor El Funcionamiento De Todas Estas Propiedades Que Hemos Visto Para Las Tablas Y Sus Celdas
Páginas: 2 (326 palabras)
Publicado: 29 de mayo de 2015
Vamos a implementar un código para que asimiles mejor el funcionamiento de todas estas propiedades que hemos visto para las tablas y sus celdas (también pondrémos la imagen de la tabla que generael código):
table {
border-style:double;
background-color:aliceblue;
border-spacing:12px;
}
th {
border-style:solid;
background-color:aquamarine;
}
td {
border-style:groove;background-color:orange;
padding:4px;
}
Tenemos una tabla con celdas normales y de encabezados. Hemos escrito en el código diferentes valores para el estilo del borde; en concreto, tenemos doble trazopara el borde de la tabla, uno sólido para los encabezados y otro de bajo relieve para las celdas normales. Obversa también que le hemos dado un color de fondo diferente para cada elemento: losencabezados con un azul verdoso, las celdas con naranja y la tabla con gris.
Por otro lado se ha puesto un espacio entre el borde de la tabla y las celdas mediante ladeclaración border-spacing:12px; ubicada en el selectortable. Esta declaración la heredarán las celdas también. Por último hemos utilizado la declaración padding:4px; en el selector td para dejar un margen entre el borde de las celdas y sucontenido.
La posición de la marca en la lista
La propiedad list-style-position especifica la posición del marcador de los ítems con respecto a la caja de la lista.
Esta propiedad se aplica atodo elemento con "display: list-item".
Sintaxis
selector {list-style-position: valor}
Los posibles valores para definir la posición de los marcadores
inside | outside
Ejemplo
Vamos a ubicar losmarcadores en diferentes posiciones.
Código
table {
border-style:double;
background-color:aliceblue;
border-spacing:12px;
}
th {
border-style:solid;
background-color:aquamarine;
}
td {
border-style:groove;background-color:orange;
padding:4px;
}
Tenemos una tabla con celdas normales y de encabezados. Hemos escrito en el código diferentes valores para el estilo del borde; en concreto, tenemos doble trazopara el borde de la tabla, uno sólido para los encabezados y otro de bajo relieve para las celdas normales. Obversa también que le hemos dado un color de fondo diferente para cada elemento: losencabezados con un azul verdoso, las celdas con naranja y la tabla con gris.
Por otro lado se ha puesto un espacio entre el borde de la tabla y las celdas mediante ladeclaración border-spacing:12px; ubicada en el selectortable. Esta declaración la heredarán las celdas también. Por último hemos utilizado la declaración padding:4px; en el selector td para dejar un margen entre el borde de las celdas y sucontenido.
La posición de la marca en la lista
La propiedad list-style-position especifica la posición del marcador de los ítems con respecto a la caja de la lista.
Esta propiedad se aplica atodo elemento con "display: list-item".
Sintaxis
selector {list-style-position: valor}
Los posibles valores para definir la posición de los marcadores
inside | outside
Ejemplo
Vamos a ubicar losmarcadores en diferentes posiciones.
Código
- Primer elemento de la lista
- Segundo elemento de la lista
- Tercer elemento de la lista
- Primer elemento de la lista
- Segundo elemento de la...
Leer documento completo
Regístrate para leer el documento completo.