网站首页 -  最新通知 -  建站入门 -  建站步骤 -  视频教程 -  建站技巧 -  常见问答 -  常用软件 -  优化网页 -  网络知识 -  客户满意度调查 -   关于模板 -   关于域名 -  FTP管理 -  ICP备案 -  邮箱管理 -  网络推广 -  销售心得 -  成功案例 -  dreamweaver知识 -  photoshop知识 -  域名绑定 -  深圳网监局备案 -
制作虚线表格

发布时间 2007-06-20

详细的操作步骤如下:

1、单击“插入表格”按钮,插入一个4行3列的表格,相关属性设置是:
边框粗细设为0、单元间距、单元边距都设为1
表格宽度设为400px,边框颜色为蓝色

代码设置为:
borderColor=#5599aa  边框颜色
cellSpacing=1  表格中单元格间距为1
cellPadding=1  表格中单元格边距为1
width=400      表格宽度
border=0       边框设置为“0”

然后把以下代码插入table后面
例如:
  
  <TABLE style="BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted" borderColor=#5599aa cellSpacing=1 cellPadding=1 width=400 border=0>

最后一步是在代码区,在每个"td"后面插入以下代码即可。

以下是代码片段:

               style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted"

效果图如下:

1 2 3
2 1 3
3 1 2
3 1 2

整个表格的代码是:

以下是代码片段:

  <TABLE style="BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted" borderColor=#5599aa cellSpacing=1 cellPadding=1 width=400 border=0>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">1</TD>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">2</TD>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">3</TD></TR>
<TR>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">2</TD>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">1</TD>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">3</TD></TR>
<TR>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">3</TD>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">1</TD>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">2</TD></TR>
<TR>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">3</TD>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">1</TD>
<TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">2</TD></TR></TBODY></TABLE>

 

相关内容
  • 表格边框的隐藏 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通知我们,并写上原因,谢谢您的监督)
    网站管理