Tablas con Css
Enviado por Yeral Molinas • 9 de Mayo de 2023 • Apuntes • 336 Palabras (2 Páginas) • 28 Visitas
table {
table-layout: fixed;
width: 100%;
border-collapse: collapse; /* el collapse es para que se vea una sola linea del borde */
border: 3px solid purple;
}
[pic 1]
}
thead th:nth-child(1) { /* columna 1 */
width: 30%;
}
[pic 2]
thead th:nth-child(2) { /* columna 2 */
width: 20%;
}/*
[pic 3]
thead th:nth-child(3) { /* columna 3 */
width: 15%;
}
[pic 4]
thead th:nth-child(4) { /* columna 4 el total del % tiene que dar 100% */
width: 35%;
}
[pic 5]
th, td {
padding: 20px;
}
[pic 6]
html {
font-family: 'helvetica neue', helvetica, arial, sans-serif;
}
[pic 7]
thead th, tfoot th {
font-family: 'Rock Salt', cursive;
}
[pic 8]
th {
letter-spacing: 2px;
}
[pic 9]
td {
letter-spacing: 1px;
}
[pic 10]
tbody td {
text-align: center;
}
[pic 11]
tfoot th {
text-align: right;
}
[pic 12]
thead, tfoot {
background: url(../images/leopardskin.jpg);
color: white;
}
[pic 13]
thead th, tfoot th, tfoot td {
background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5));
...