Archived topic
Border Radius Table
3 replies · Started by Stefan on February 15, 2021
Viewing posts 1–4 of 4
Hello,
how can I round only the outer edge of a table? A simple table with rounded corners.
I have been trying for days without success.
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Yes.
The link is at the bottom
Hi Stefan,
Try this CSS:
table {
border-radius: 25px;
border: 1px solid #000;
}
tbody tr:first-child th:first-child {
border-top: 0;
border-left: 0;
tbody tr:first-child th:last-child {
border-top: 0;
border-right: 0;
}
tbody tr:last-child td:first-child {
border-bottom: 0;
border-left: 0;
}
tbody tr:last-child td:last-child {
border-bottom: 0;
border-right: 0;
}
This archived topic is closed to new replies.
