利用表格的单元格间距,单元格边距,表格边框,及rules、frame属性即可制作出双线表格。效果如下:
这是在例一的基础上再增加设定了cellspacing参数所产 |
生的效果。 |
第三行 | 源代码如下:
以下是代码片段: <TABLE style="WIDTH: 60%" borderColor=#6809f7 cellSpacing=6 cellPadding=3 rules=rows width="60%" border=1 frame=hsides> <TBODY> <TR> <TD>这是在例一的基础上再增加设定了cellspacing参数所产</TD></TR> <TR> <TD>生的效果。</TD></TR> <TR> <TD>第三行</TD></TR></TBODY></TABLE> |
详细的制作方法是:
1、单击“插入表格”按钮,输入表格的行数和列数、单元格间距、单元格边距、表格边框、边框颜色等,然后确定。 本例中: 行数为3 列数为1 单元间距为6 单元边距为3 边框粗细为1 单元间距为6 边框颜色为紫色(#6809f7)
2、单击“代码”进入代码区,把rules=rows frame=hsides 这两个属性加入<table>标记里,保存即可。
制作双线表格的技巧主要在于以下两点: 1、用属性rules=rows隐藏了单元格之间的横向分隔线 2、用属性frame=hsides 隐藏了左边外边框,只显示上、下边框
这两个属性的详细介绍可分别在此查看
rules的介绍http://four.51rich.net//index.php?action=newshow|four|1215|cn|1036,3168|3139
frame的介绍http://four.51rich.net//index.php?action=newshow|four|1215|cn|1037,3168|3139
|