css设置细线表格颜色多种
时间: 2023-10-18 22:17:37 浏览: 128
兼容浏览器的css网页细线表格设计
可以使用CSS的border属性来设置细线表格的颜色,其中包括border-color属性和border-style属性。border-color属性可以设置边框的颜色,可以使用多个颜色值来设置不同边框的颜色。border-style属性可以设置边框的样式,可以使用多个样式值来设置不同边框的样式。
以下是一个使用CSS设置细线表格颜色多种的示例代码:
```css
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
td:nth-child(even) {
border-left-color: red;
border-right-color: blue;
}
td:nth-child(odd) {
border-left-color: blue;
border-right-color: red;
}
```
上述代码中,我们使用了CSS的border-collapse属性将表格的边框合并,并且使用了td元素的border属性设置了边框的宽度和样式。我们使用了tr:nth-child(even)选择器来设置表格的偶数行的背景颜色,使用了tr:hover选择器来设置鼠标悬浮时的背景颜色。我们使用了td:nth-child(even)和td:nth-child(odd)选择器来设置表格每行的奇数列和偶数列的边框颜色,这里我们使用了不同的颜色值来设置左右两侧的边框颜色。
阅读全文