CSS如何给Table 内部水平和垂直边框定义不同的颜色样式?

发布网友 发布时间：2022-04-23 05:37

我来回答

共1个回答

热心网友 时间：2022-04-21 10:25

同理啊。
还是用border定义

如果页面中的所有表格都要定义的话，可以如下定义：
table {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

如果只定义某个table，可以如下定义：

.colorfultable {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

===============
如果页面中的所有表格内都要定义的话，可以如下定义：
table td {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

如果只定义某个table，可以如下定义：

.colorfultable td {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

<table border="0" cellspacing="0" cellpadding="0" class="colorfultable ">