J'ai cherché et recherché, mais je n'ai pas été en mesure de trouver une solution à mon besoin.
J'ai une vieille table HTML. Je veux des coins arrondis pour cela, sans utiliser d'images ou de JS, c'est-à-dire uniquement du CSS pur . Comme ça:
Coins arrondis pour les cellules d'angle et 1px
bordure épaisse pour les cellules.
Jusqu'à présent, j'ai ceci:
table {
-moz-border-radius: 5px !important;
border-collapse: collapse !important;
border: none !important;
}
table th,
table td {
border: none !important
}
table th:first-child {
-moz-border-radius: 5px 0 0 0 !important;
}
table th:last-child {
-moz-border-radius: 0 5px 0 0 !important;
}
table tr:last-child td:first-child {
-moz-border-radius: 0 0 0 5px !important;
}
table tr:last-child td:last-child {
-moz-border-radius: 0 0 5px 0 !important;
}
table tr:hover td {
background-color: #ddd !important
}
Mais cela me laisse sans frontières pour les cellules. Si j'ajoute des bordures, elles ne sont pas arrondies!
Des solutions?
la source