缩进的表格边框

时间:2012-09-09 10:16:10

标签: html css

我目前正在努力打开一个普通的html表:

original

进入和缩进版本如下:

enter image description here

即使我不能在html中设置这个,我也可能知道一种方法,我可以隐藏边框的初始部分以匹配文本的开头。

3 个答案:

答案 0 :(得分:2)

有几种不好的方法可以做到这一点,我敢肯定。你只需要有创意。

以下是一个示例,包括一些类,空表格单元格和colspans: http://jsfiddle.net/ESFuC/

答案 1 :(得分:2)

你可以通过玩桌面单元并利用display:inline-block;来实现这一点,还有其他方法可以实现这一目标,但这应该适用于大多数浏览器。

Fiddle with demo

答案 2 :(得分:1)

也许像这样的细胞内的div;

http://jsfiddle.net/UdF98/

我将底线涂成红色,除了底部的那个外,看起来很好。也许你可以根据自己的需要进行修改。