注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

XUE HAI BLOG

鸟瞰家乡 美丽独特 多骄如画 家乡明天更美好

 
 
 

日志

 
 

☆表格的高级样式[无名表格、虚线表格]制作分解  

2009-02-12 21:21:29|  分类: 【表格制作大全】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

表格的高级样式[无名表格、虚线表格]制作分解

表格效果图及代码

无名表格

代 码∶ <FIELDSET style="WIDTH: 600px" align=center><LEGEND>无名表格 </LEGEND>
<P>添加内容</P></FIELDSET>      说 明∶蓝色代码为大框宽。

可改变表头位置无名表格代码

<FIELDSET style="WIDTH: 600px" align=center><LEGEND align=center>可改变表头位置无名表格代码</LEGEND>
<P>添加内容</P></FIELDSET>

说 明∶更改蓝色代码左LEFT、中CENTER、右RIGHT、可将表头字调换位置。黄色代码WIDTH: 600px为大框宽度值。

表中表效果Ⅰ代 码∶ <FIELDSET style="WIDTH: 600px; COLOR: #ffff00" align=center><LEGEND style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; COLOR: blue; BORDER-BOTTOM: #ff0000 1px solid">表中表效果Ⅰ</LEGEND>添加内容</FIELDSET>

说 明∶蓝色代码 WIDTH: 600px为大框宽、红色代码 COLOR: #ffff00 是添加内容字体颜色、黄色代码分别为小框四边颜色,表头小框添加字自由延伸。

  表中表效果Ⅱ
代 码∶<FIELDSET style="WIDTH: 600px " align=center><LEGEND>
<TABLE style="BORDER-RIGHT: #800000 1px solid; BORDER-TOP: #800000 1px solid; BORDER-LEFT: #800000 1px solid; BORDER-BOTTOM: #800000 1px solid" height=20 cellSpacing=1 cellPadding=0 width=120>
<TBODY>
<TR>
<TD><FONT color=blue>表中表效果Ⅱ</FONT></TD></TR></TBODY></TABLE></LEGEND>添加内容</FIELDSET>

说 明∶蓝色代码WIDTH: 600px 为大框宽、黄色代码分别为小框四边颜色和边宽、蓝色代码width=120为小框宽,表头小框添加字后不能自由延伸,由小框宽度数值决定。

线 线

二列多行虚线表格代码<TABLE cellSpacing=0 cellPadding=0 width=200>
<TBODY>
<TR align=middle>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-TOP: rgb(0,0,0) 1px dotted; BORDER-LEFT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">细</TD>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-TOP: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">线</TD></TR>
<TR align=middle>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-LEFT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">表</TD>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">格</TD>
</TR></TBODY></TABLE>

说 明∶蓝色数值为表格全宽、红色数值为表格虚边点的大小、表格按需要增加行数时反复复制黄色代码部分、粘贴其后面即OK了。虚边表格各边代码分别为、RIGHT 右边、TOP 上边、LEFT 左边、BOTTOM 地边。

线
线

多列多行虚线表格代码<TABLE cellSpacing=0 cellPadding=0 width=200>
<TBODY>
<TR align=middle>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-TOP: rgb(0,0,0) 1px dotted; BORDER-LEFT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">细</TD>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-TOP: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">线</TD></TR>
<TR align=middle>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-LEFT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">表</TD>
<TD style="BORDER-RIGHT: rgb(0,0,0) 1px dotted; BORDER-BOTTOM: rgb(0,0,0) 1px dotted">格</TD>
</TR></TBODY></TABLE>

说 明∶蓝色数值为表格全宽、红色数值为表格虚边点的大小、横向添加表格时按需要同步分别复制黄色、金色代码粘贴其本颜色代码后面,最后在其需要的行数,反复制从粉色和复制后的金色代码部分粘贴其后面即OK了。虚边表格各边代码分别为、RIGHT 右边、TOP 上边、LEFT 左边、BOTTOM 地边。

相关日志

表格的高级样式制作篇

表格的高级样式[普通、细线、立体表格]制作分解

☆表格的高级样式[无名表格、虚线表格]制作分解 - 学 海 - XVE HAI BLOG

欢迎您光临学海博客欢迎您光临学海博客欢迎您

  评论这张
 
阅读(637)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017