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

概述这是我的小提琴： http://jsfiddle.net/gFA4p/84/ 在此屏幕截图中,绿线表示我尝试应用虚线的位置. 我可以让左右边框显示为虚线,但不显示底部边框. 我该如何解决这个问题？ 您所看到的问题是由于边界崩溃时解决冲突的规则. Solid优先于点缀： http://lachy.id.au/dev/css/tests/bordercollapse/bordercollapse.ht 这是我的小提琴：

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

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

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

我该如何解决这个问题？

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

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

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

总结

以上是内存溢出为你收集整理的html – 在表格设计中对单元格应用虚线边框的问题全部内容，希望文章能够帮你解决html – 在表格设计中对单元格应用虚线边框的问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。