html – 在表格设计中对单元格应用虚线边框的问题

这是我的小提琴：

http://jsfiddle.net/gFA4p/84/

在此屏幕截图中,绿线表示我尝试应用虚线的位置.

我可以让左右边框显示为虚线,但不显示底部边框.

我该如何解决这个问题？

解决方法

您所看到的问题是由于边界崩溃时解决冲突的规则. Solid优先于点缀：

http://lachy.id.au/dev/css/tests/bordercollapse/bordercollapse.html

我相信你也需要点缀相互冲突的边界.因此,如果您将单元格的左边框点缀为虚线,则需要将单元格的右边框设置为左边也是点状(或者任何优先级较低的边框,但点缀最有意义).

原文地址：https://www.jb51.cc/html/227717.html