84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
代码如下:http://jsbin.com/qigavatewe/1/
希望某些表格单元的border是不同的颜色。由于使用了border-collapse,所以只会看到td的右边和下边有颜色。如何解决?
业精于勤,荒于嬉;行成于思,毁于随。
不知道是不是你想要的效果css
.table1{ border-collapse: collapse; } td{ border:1px solid #ccc; height: 30px; padding: 0px; } .red{ display: block; width: 100%; height: 100%; border:1px solid red; } html
如果要都显示成红色,貌似只能给左边的td设置border-right给上边的td设置 'border-bottom`,
td
border-right
或者border不要设置在td~
border
有一个比较tricky的解决方式,如果你只是为了与其它的cell区分开来。css:
td.mycell{color: red;border:2px solid red;}当border变宽之后就能把每条边都着色。
不知道是不是你想要的效果
css
如果要都显示成红色,貌似只能给左边的
td
设置border-right
给上边的td
设置 'border-bottom`,或者
border
不要设置在td
~有一个比较tricky的解决方式,如果你只是为了与其它的cell区分开来。
css:
td.mycell{
color: red;
border:2px solid red;
}
当border变宽之后就能把每条边都着色。