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

发布时间 2007-07-05

这个表格去掉了单元格之间的纵向分隔线


这个表格去掉了单元格之间的横向分隔线
  线
  线
这个表格去掉了单元格之间的纵向分隔线和横向分隔线

  其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,如第三个表格的源代码如下:
<TABLE cellSpacing=0 cellPadding=0 rules=none width=200 border=1>
                  <TBODY>
                  <TR align=middle>
                  <TD>横</TD>
                  <TD>&nbsp;</TD>
                  <TD>线</TD></TR>
                  <TR align=middle>
                  <TD>竖</TD>
                  <TD>&nbsp;</TD>
                  <TD>线</TD></TR>
                  <TR align=middle>
                  <TD>都</TD>
                  <TD>没</TD>
                  <TD>了</TD></TR></TBODY></TABLE>
我们可以看到<TABLE>标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。

温馨小提示:您也可以在网页编辑器里制作好您的表格后,再把rules=none这类参数复制到<table>标记里

 

相关内容
查无记录
 
公司地址:深圳市福田区福民路12号知本大厦706   邮编:518000        
客服热线:0755-61192828 传真:0755-82915763 
客服的服务质量投诉::service@51rich.net(如果您觉得哪位客服的服务不好或者服务得超级好,都可以发EM通知我们,并写上原因,谢谢您的监督)
网站管理