Crear tabla en el documento de Rosario Suárez.
Añadir los siguientes elementos class:
mitabla
fila_cabecera_tabla
fila_impar_tabla
fila_par_tabla
.mitabla {
font: 12px Arial;
border: 1px solid red;
}
.fila_cabecera_tabla th{
color: green;
background:
border: 1px solid orange;
width: 100px;
padding: 2px 5px;
}
.fila_impar_tabla td {
background: amarilloclaro;
border: 1px solid white;
width: 250px;
padding: 2px 5px;
}
.fila_par_tabla td {
background: amarillooscuro;
border: 1px solid white;
width: 250px;
padding: 2px 5px;
}
border-collapse
.mitabla {
border-collapse: collapse;
El borde entre las celdas y la tabla se muestra simple, solo se ve un borde.
caption-side
Permite definir donde situar el título de una tabla
Crear dos tablas en el documento VER LIBRO.
<caption class=»titulosuperior»> Tabla 1.1 Trayectoria profesional a partir de 1999</caption>
Para separar las tablas <br>
<caption class=»tituloinferior»>Tabla 1.2 Trayectoria profesional antes de 1999</caption>
En el documento css añadimos:
.titulo-superior {
caption-side: top; (Muestra el título encima de la tabla)
}
.titulo-inferior {
caption-side bottom; (Muestra el título debajo de la tabla)
}