HTML表格线控制

1. 显示部分边界线
<table border="1" cellpadding="10" cellspacing="0" frame=above>
frame属性：控制表格外边框
Box：显示所有边框
Above：显示上边框
Below：显示下边框
Lhs：显示左边框
Rhs：显示右边框
Hsides：显示上下边框
Vsides：显示左右边框
Void：不显示任何边框
--------------------------------------
Rules属性：控制表格内边线
All：显示所有分隔线
Groups：只显示组与组之间的分隔线
Rows：只显示行与行之间的分隔线
Cols：只显示列与列之间的分隔线
None：不显示任何分隔线

2. 黑色单线
<TABLE border="1" cellpadding="10" cellspacing="0" bordercolorlight="#000000" bordercolordark="#ffffff">
画面底色需为白色，打印与显示效果不同。

3. 通过样式控制表格线
此种控制方法可实现空单元格的表格线显示且打印与显示效果相同
border:所有边线
border-top:上边线
border-bottom:下边线
border-left:左边线
border-right:右边线
border-collapse:collapse; 重叠边框线及分隔线
可取值：
none; 无边线
solid windowtext .5pt; 实心单线
例1：
table {border-collapse:collapse; border:solid windowtext .5pt;} td {border:solid windowtext .5pt;}
例2：
table {border-width:1;border-collapse:collapse; border-color:'#000000'} td {border-width:1;border-color:'#000000'}

4. 通过对背景色的控制显示单线表格
设置整个表格背景色为黑色（即表格线颜色），再设置每个单元格背景色为整个页面的背景色。此种控制方法可实现空单元格的表格线显示，但仅能用于显示不能用于打印。例：
<TABLE border="0" cellpadding="5" cellspacing="1" bgcolor="#000000">
<TR VALIGN=top><TD bgcolor="#ffffff" WIDTH="360">aaaa</TD><TD bgcolor="#ffffff" WIDTH="360">bbbb</TD></TR>
<TR VALIGN=top><TD bgcolor="#ffffff" WIDTH="360">cccc</TD><TD bgcolor="#ffffff" WIDTH="360"></TD></TR>
</TABLE>

-------------------------------------------------------------------------------------------

相关链接推荐：

 

★ 更多网页装饰

【引用】装饰你的博客代码大全

CSS定义表格边框大全(细线/虚线/点线)

博客文章加线框/表格

隐藏表格分隔线

表格制作的常见问题和解决方法