网站首页 -   -  建站入门 -  建站步骤 -  视频教程 -   -   -  常用软件 -  优化网页 -  网络知识 -   -   关于模板 -   关于域名 -  FTP管理 -  ICP备案 -  邮箱管理 -  网络推广 -  销售心得 -  成功案例 -  dreamweaver知识 -  photoshop知识 -  域名绑定 -  深圳网监局备案 -
制作双线表格

发布时间 2007-06-20

利用表格的单元格间距,单元格边距,表格边框,及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/?action=newshow|four|1215|cn|1036,3168|3139

frame的介绍http://four.51rich.net/?action=newshow|four|1215|cn|1037,3168|3139

 

相关内容
  • 表格边框的隐藏 2007-06-20
  • 利用表格做空格 2007-06-07
  • 表格的常见问题及解决方法 2007-07-05
  • 制作三维立体表格效果 2007-06-07
  • 两个并排的表格 2007-06-07
  • 圆角表格的制作 2007-06-07
  • 制作等间距细线表格 2007-06-07
  • 用表格做流动分割线 2010-03-11
  • 制作虚线表格 2007-06-20
  •  
    公司地址:深圳市福田区福民路12号知本大厦706   邮编:518000        
    客服热线:0755-61192828 传真:0755-82915763 
    客服的服务质量投诉::service@51rich.net(如果您觉得哪位客服的服务不好或者服务得超级好,都可以发EM通知我们,并写上原因,谢谢您的监督)
    网站管理