CSS表格border-radius

Question

我有以下代码，如果折叠边框，我怎样才能使表边框半径？

<table>
    <thead>
        <tr>
            <th colspan="2">Head</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>b1</td>
            <td>b2</td>
        </tr>
        <tr>
            <td>b3</td>
            <td>b4</td>
        </tr>
    </tbody>
</table>

Answer 1

你的问题是一个小技巧，但一般来说，border-radius只是一个边界属性，可以应用于任何接受边框的元素。见下面的例子：

＆＃13;

＆＃13;

table{
  border: 1px solid red;
  border-radius: 20px;
}

td{
  border: 1px solid green;
  border-radius: 20px;
}

＆＃13;

<table>
    <thead>
        <tr>
            <th colspan="2">Head</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>b1</td>
            <td>b2</td>
        </tr>
        <tr>
            <td>b3</td>
            <td>b4</td>
        </tr>
    </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;