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 <table width="200" class="table1" border="1" > <tr> <td> </td> <td><span class="red"></span></td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>
如果要都显示成红色，貌似只能给左边的 td 设置 border-right 给上边的 td 设置 'border-bottom`，
td
border-right
或者 border不要设置在 td~
border
有一个比较tricky的解决方式，如果你只是为了与其它的cell区分开来。 css:
td.mycell{ color: red; border:2px solid red; } 当border变宽之后就能把每条边都着色。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
不知道是不是你想要的效果
css
如果要都显示成红色，貌似只能给左边的
td设置border-right给上边的td设置 'border-bottom`，或者
border不要设置在td~有一个比较tricky的解决方式，如果你只是为了与其它的cell区分开来。
css:
td.mycell{
color: red;
border:2px solid red;
}
当border变宽之后就能把每条边都着色。