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

XUE HAI BLOG

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

 
 
 

日志

 
 

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

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

  下载LOFTER 我的照片书  |

 

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

表格效果图及代码

   普通表格代码
<TABLE cellSpacing=0 cellPadding=0 width=200 border=1>
<TBODY>
<TR>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD>
<TR align=middle>
<TD>内容</TD>
<TD>内容</TD>
</TR></TBODY></TABLE>

说 明∶蓝色代码为表格宽、横向增加表格时按需要复制红色代码放其后面、纵向增加表格复制黄色代码放其后面,复制时二组代码同步进行。

线 线

细线表格加背景代码
<TABLE cellSpacing=1 cellPadding=0 width=200 bgColor=#006400 border=0>
<TBODY>
<TR align=middle>
<TD bgColor=#ffdab9>内容</TD>
<TD bgColor=#ffdab9>内容</TD>
<TR align=middle>
<TD bgColor=#ffdab9>内容</TD>
<TD bgColor=#ffdab9>内容</TD>
</TR></TBODY></TABLE>

说 明∶蓝色代码为表格宽、橙色为表格细线颜色、浅蓝色为表格背景颜色、横向增加表格时按需要复制红色代码放其后面、纵向增加表格复制黄色代码放其后面,复制时二组代码同步进行。

图一

图二

独立边框表格加背景代码
<TABLE cellSpacing=2 cellPadding=0 width=200 border=0>
<TBODY>
<TR align=middle>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#0000ff border=0>
<TBODY>
<TR align=middle>
<TD bgColor=#ffffff>内容</TD></TR></TBODY></TABLE>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#0000ff border=0>
<TBODY>
<TR>
<TD bgColor=#7fffd4>内容</TD></TR></TBODY></TABLE>
<TR align=middle>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#0000ff border=0>
<TBODY>
<TR align=middle>
<TD bgColor=#7fffd4>内容</TD></TR></TBODY></TABLE>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#0000ff border=0>
<TBODY>
<TR>
<TD bgColor=#ffffff>内容</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

说 明∶金色为表格间距、蓝色为表格宽、粉色为表格边框颜色、浅蓝色为表格背景颜色、横向〖图二〗增加表格时按需要复制红色代码放其后面、纵向〖图一〗增加表格复制黄色代码放其后面,复制时二组代码同步进行。

立体感表格代码
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=200 borderColorLight=#ffffff border=1>
<TBODY>
<TR align=middle>
<TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>内容</TD>
<TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>内容</TD>
<TR align=middle>
<TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>内容</TD>
<TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>内容</TD>
</TR></TBODY></TABLE>

说 明∶金色为外框颜色、蓝色代码为表格宽、橙色为单表格内框颜色、浅蓝色为表格背景颜色、粉色为单表格外框颜色、横向增加表格时按需要复制红色代码放其后面、纵向增加表格复制黄色代码放其后面,复制时二组代码同步进行。

相关日志

表格的高级样式制作篇

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

☆表格的高级样式[普通、细线、立体表格]制作分解 - 学 海 - XVE HAI BLOG

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

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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