<table> 可以同时拥有 border-radius 和 border 属性吗？

Question

我正在尝试将边框半径和实心边框应用于表格，但边框属性似乎取消了边框半径。这是一个已知问题还是我只是搞砸了？

border-radius: 15px 15px 15px 0;border: 2px solid #000000;

Answer 1

我认为您的 HTML 表格结构是错误的，或者您无法正确应用 CSS。

尝试这个：

HTML

<table>
        <tr>
            <th>
                Name
            </th>
            <th>
                Address
            </th>
            <th>
                Contact
            </th>
        </tr>
        <tr>
            <td>
                Nayeem
            </td>
            <td>
                Khulna
            </td>
            <td>
                9812979832
            </td>
        </tr>
    </table>

CSS

table{
        border-radius: 15px 15px 15px 0;
        border: 2px solid black;
    }