CSS表格中設(shè)置網(wǎng)格線的方法

在CSS中，可以通過設(shè)置border屬性來繪制表格的網(wǎng)格線，以下是一些示例代碼，展示如何為表格添加網(wǎng)格線：

1、添加邊框到每個(gè)單元格：

table, td, th {
    border: 1px solid black;
}

2、添加邊框到表格和每個(gè)單元格：

table {
    border-collapse: separate; /* 合并相鄰的邊框 */
    border: 2px solid black; /* 表格的邊框 */
}
td, th {
    border: 1px solid black; /* 單元格的邊框 */
}

3、使用CSS Grid布局：

如果你使用的是CSS Grid布局，可以通過設(shè)置grid-lines屬性來顯示網(wǎng)格線：

.grid-container {
    display: grid;
    grid-lines: 1; /* 設(shè)置網(wǎng)格線為1 */
}