(test from https://dev.to/dcodeyt/creating-beautiful-html-tables-with-css-428l) |
(Hasley cambió el modelo de contenido de la página Usuario:Hasley/styles.css de "CSS" a "CSS expurgado") Etiqueta: cambio de modelo de contenido |
Revisión del 18:16 6 mar 2022
.countries {
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.countries thead tr {
background-color: #009879;
color: #ffffff;
text-align: left;
}
.countries th,
.countries td {
padding: 10px 13px;
}
.countries tbody tr {
border-bottom: 1px solid #dddddd;
}
.countries tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}
.countries tbody tr:last-of-type {
border-bottom: 2px solid #009879;
}
.countries tbody tr.active-row {
font-weight: bold;
color: #009879;
}