html中一条单线这么设置,html单线表格制作方法

在网页设计时，如果用到table,除了隐藏边框的用于实现布局的table外，往往希望能把边框显示出来，而对于显示出来的边框，又往往希望是单线的，因为双线的显得笨拙。本文总结了7种常用的实现单线表格的方法，供大家参考。当然，实现的方法很多，如果您有其它方法的话，也欢迎写出来，供大家一起学习。

如果简单的将table的边框设置为1，效果如下，它往往不是我们所喜欢的单线表格：

cell1	cell2	cell4
cell3

方法一：

将table的属性稍微作点修改，就能得到如下的单线表格：

cell1

cell2

cell4

cell3

代码如下：

cell1	cell2	cell4
cell3

方法二：

将table的属性稍微作点变化，就能得到如下的单线表格：(此方法是通过颜色重叠实现的，应用是要根据table所在页面的背景色调整)

cell1

cell2

cell4

cell3

代码如下：

cell1	cell2	cell4
cell3

方法三：

cell1

cell2

cell4

cell3

将table的属性稍微作点变化，就能得到如下的单线表格：(此方法是通过颜色重叠实现的，应用是要根据table所在页面的背景色调整)

代码如下：

cell1	cell2	cell4
cell3

方法四：

cell1

cell2

cell4

cell3

将table的属性稍微作点变化，就能得到如下的单线表格：

代码如下：

cell1	cell2	cell4
cell3

方法五：

cell1

cell2

cell4

cell3

将table的属性稍微作点变化，就能得到如下的单虚线表格：

代码如下：

cell1	cell2	cell4
cell3

结合css实现的单线表格如下：

代码如下：

cell1	cell2	cell4
cell3