css table设置边框

/* 设置表格边框的CSS代码 */

/* 1. 基本的表格边框设置 */
table {
    border: 1px solid black; /* 给整个表格添加一个1像素宽的实线黑色边框 */
}

/* 2. 分别给表格的单元格添加边框 */
td, th {
    border: 1px solid black; /* 给每个单元格（包括表头）添加1像素宽的实线黑色边框 */
}

/* 3. 使用border-collapse属性合并表格边框 */
table {
    border-collapse: collapse; /* 合并表格边框，使相邻单元格的边框合并为一条线 */
}

/* 4. 给表格和单元格分别设置不同样式的边框 */
table {
    border: 2px dashed red; /* 给表格添加2像素宽的红色虚线边框 */
}
td, th {
    border: 1px solid blue; /* 给单元格添加1像素宽的蓝色实线边框 */
}

解释说明：

• border：用于设置元素的边框样式、宽度和颜色。例如 border: 1px solid black; 表示1像素宽的实线黑色边框。
• border-collapse：用于控制表格边框是否合并。collapse 表示合并边框，separate 表示不合并，默认是 separate。
• td 和 th：分别表示表格中的数据单元格和表头单元格。

通过这些代码，你可以轻松地为表格及其单元格设置不同的边框样式。