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

前端之家收集整理的这篇文章主要介绍了html – 在表格设计中对单元格应用虚线边框的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的小提琴:

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

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

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

我该如何解决这个问题?

解决方法

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

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

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

原文链接:https://www.f2er.com/html/227717.html

猜你在找的HTML相关文章