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

静听风雨

倚窗静听风雨声,心甘淡泊厌浮名, 闲来勤读万卷书,细品年华寄逸情。

 
 
 

日志

 
 

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

2014-09-21 18:33:23|  分类: ╠博客技巧╣ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
2009年12月29日 - 陶子 - 陶子的博客
 
表格的高级样式
(无名表格、虚线表格)制作分解
2009年12月29日 - 陶子 - 陶子的博客

表格效果图及代码
无名表格

代 码∶ <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 地边。

表格的高级样式(无名表格、虚线表格)制作分解 - 陶子 - 陶子的博客
【表格制作方法及表格中的文字链接】 【代码边框编辑制作】 表格的高级样式(无名表格、虚线表格)制作分解 - 陶子 - 陶子的博客 【幾種樣式表格及代碼】 【表格与分割文版代码】
【做桌面鏈接邊框用表格】 【表格的高级样式(无名表格、虚线表格)制作分解】 【表格的高级样式(普通、细线、立体表格)制作分解】 【高级表格的制作及语法解析】
表格的高级样式(无名表格、虚线表格)制作分解 - 陶子 - 陶子的博客

 
陶子歡迎您常来寒舍坐坐!
表格的高级样式(无名表格、虚线表格)制作分解 - 陶子 - 陶子的博客
  评论这张
 
阅读(1011)| 评论(180)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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