如何添加CSS表格邊框？

在CSS中，我們可以使用border屬性為表格添加邊框，這個屬性可以定義邊框的樣式、寬度和顏色，下面是一個簡單的示例，展示如何為表格添加邊框：

1、定義表格的HTML結構：

我們需要一個HTML表格。

<table>
    <thead>
        <tr>
            <th>標題1</th>
            <th>標題2</th>
            <th>標題3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>數(shù)據(jù)1</td>
            <td>數(shù)據(jù)2</td>
            <td>數(shù)據(jù)3</td>
        </tr>
        <tr>
            <td>數(shù)據(jù)4</td>
            <td>數(shù)據(jù)5</td>
            <td>數(shù)據(jù)6</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>頁腳1</td>
            <td>頁腳2</td>
            <td>頁腳3</td>
        </tr>
    </tfoot>
</table>

2、應用CSS邊框樣式：

我們可以使用CSS為表格添加邊框。

table {
    border: 1px solid #000; /定義邊框樣式寬度1像素，顏色黑色 */
    border-radius: 5px; /* 定義邊框圓角 */
}

3、結果：

表格將有一個寬度為1像素、顏色為黑色的邊框，并且邊框的四個角是圓角的，你可以根據(jù)需要調整border屬性的值，如改變邊框的寬度、顏色等，你也可以為表格的頭部、主體和頁腳添加不同的邊框樣式，以滿足更復雜的設計需求。