border表格制作css
基础边框表格
使用CSS的border属性为表格添加边框。以下代码为表格、表头（th）和单元格（td）添加1像素的黑色实线边框：
table {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 8px;
}border-collapse: collapse确保边框合并为单一边框，避免双边框效果。
圆角边框表格
通过border-radius属性实现圆角效果。需配合overflow: hidden确保圆角显示完整：
table {
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
border-collapse: separate;
}
th, td {
border: 1px solid #ddd;
padding: 10px;
}斑马纹表格
使用:nth-child(even)选择器为偶数行添加背景色，增强可读性：
tr:nth-child(even) {
background-color: #f2f2f2;
}
th {
background-color: #4CAF50;
color: white;
}悬停高亮效果
通过:hover伪类实现鼠标悬停时行高亮：
tr:hover {
background-color: #ddd;
}边框样式组合
混合不同边框样式（如虚线、点线）区分表头和内容：
th {
border-bottom: 2px dashed #333;
}
td {
border-bottom: 1px dotted #999;
}响应式表格
添加水平滚动条防止小屏幕下内容溢出：
div.table-container {
overflow-x: auto;
}
table {
min-width: 600px;
}代码说明
border-collapse控制边框合并方式（collapse或separate）padding调整单元格内边距- 颜色值可使用HEX、RGB或命名颜色（如
black） - 边框宽度支持像素（
px）、EM单位或关键词（thin/medium/thick）
