将虚线边框应用于表格设计中的单元格的问题 [英] Issue with applying dotted border to cells in table design

问题描述

这是我的小提琴：

我相信您需要使用边框以及。所以如果你去一个单元格的左边框被点缀，你将需要使单元格的右边框的左边也点缀（或任何低优先级，但点缀最有意义）。

Here's my fiddle:

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

In this screenshot, the green lines represent where I'm trying to apply dotted lines.

I am able to get the left-right borders to appear as dotted lines, but not the bottom borders.

How can I resolve this?

解决方案

The issue you're seeing is due to the rules of conflict resolution when it comes to border collapse. Solid takes precedence over dotted:

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

I believe you will need to make the conflicting borders dotted as well. So if you went a cell's left border to be dotted, you'll need to make the right border of the cell to its left also dotted (or anything of lower precedence, but dotted make the most sense).

这篇关于将虚线边框应用于表格设计中的单元格的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！