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

敬請常念:阿彌陀佛!

心淨土淨,心平地平; 此方即凈土,凈土即此方

 
 
 

日志

 
 
关于我

人生酬业,這是我人生經歷的真實寫照,我不求自己得到的更多,只求不給他人帶來煩惱和傷害。我所求的是佛的境界,向往的是西方極樂,行為準則是斷惡修善,終極目標是回歸自性。

网易考拉推荐

【引用】☆立体感表格制作  

2011-03-01 10:28:42|  分类: [时尚]常用代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自学 海《☆立体感表格制作》


立 体 感 表 格 的 制 作


单个立体表格效果图示样

【立体表格】

【立体表格】

单 个 立 体 表 格 代 码

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加内容】</FONT></TD></TR></TBODY></TABLE>

说 明∶调整红色数值120为分别为220、320、420时会改变阴影不同方向,调整黄色数值5可改变阴影长度,bgColor=#dddddd为表格北景颜色 Color=#000000为阴影颜色按需要调换。

普通表格效果图

【普通表格】 【普通表格】
【普通表格】 【普通表格】

普 通 表 格 代 码

<TABLE style="FILTER: alpha(opacity=70)" width=225 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=2 cellPadding=0 width=225 border=1>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【普通表格】</FONT></TD>
<TD align=middle><FONT color=#008080>【普通表格】</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#008080>【普通表格】</FONT></TD>
<TD align=middle><FONT color=#008080>【普通表格】</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

说 明∶将前面的〖单个立体表格的代码〗替换普通表格代码中红色部分就变为立体表格。效果图如下(内不带链接):

实际立体表格效果图

【添加内容】
【添加内容】
【添加内容】
【添加内容】

立 体 表 格 代 码

<TABLE style="FILTER: alpha(opacity=70)" width=225 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=2 cellPadding=0 width=225 border=0>
<TBODY>
<TR>
<TD></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加内容】</FONT></TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加内容】</FONT></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加内容】</FONT></TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加内容】</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>

含有链接立体表格效果图

【表格制作】
【代码大全】
【首页模块】
【制作技巧】
【导航链接】
【生活百科】

带 链 接 立 体 表 格 代 码

<TABLE style="FILTER: alpha(opacity=70)" width=225 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=2 cellPadding=0 width=225 border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><A href="链接网址" target=_blank><FONT color=#008080>【添加内容】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><A href="链接网址" target=_blank><FONT color=#008080>【添加内容】</FONT></A></TD></TR></TBODY></TABLE></TD></TR> <TR>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><A href="链接网址" target=_blank><FONT color=#008080>【添加内容】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><A href="链接网址" target=_blank><FONT color=#008080>【添加内容】</FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

示例一行二列立体表格效果图

◆ 博 客 制 作 总 导 航 ◆
【表格制作】
【代码大全】
【首页模块】
【制作技巧】
【导航链接】
【生活百科】

示例一列三行立体表格效果图

制作导航
【表格制作】
【代码大全】
【首页模块】
【制作技巧】
【导航链接】
【生活百科】

相关链接请进入→表格制作導航

--------------------------------

http://lv.jingxiang.blog.163.com/

学海博客空间欢迎您

--------------------------------

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

历史上的今天

评论

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

页脚

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