[Support request] Border Radius Table

[Stefan]

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.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Stefan]

Yes.

The link is at the bottom

[Ying]

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;
}

[Author]

Posts