Saya telah mencari dan mencari, tetapi belum dapat menemukan solusi untuk kebutuhan saya.
Saya memiliki tabel HTML biasa. Saya ingin sudut bulat untuk itu, tanpa menggunakan gambar atau JS, yaitu hanya CSS murni . Seperti ini:
Sudut membulat untuk sel sudut, dan 1px
batas tebal untuk sel.
Sejauh ini saya memiliki ini:
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
}
Tapi itu membuat saya tanpa batas untuk sel. Jika saya menambahkan batas, mereka tidak dibulatkan!
Ada solusi?