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

寒情博客

http://8-com.blog.163.com

 
 
 

日志

 
 

表格边框的特殊效果(二)  

2009-12-28 15:21:31|  分类: 〓博客教程〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

表格边框的特殊效果(一) - 寒情 - 8-com.blog.163.com

水晶透明效果边框一
内容(宽高自定义.调色要注意深浅)
代码如下<TABLE style="BORDER-RIGHT: 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#19050f height=225 cellSpacing=0 cellPadding=0 width=225 align=center border=0>
<TBODY><TR>
<TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" bgColor=#ff359a height=5 align=middle>水晶透明效果边框一</TD></TR><TR>
<TD height=210>内容(宽高自定义.调色要注意深浅)</TD></TR></TBODY></TABLE>


水晶透明效果边框二
内容(宽高自定义调色要注意深浅)
1 2 3 4 5
代码如下<TABLE style="BORDER-RIGHT: 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#19050f height=225 cellSpacing=0 cellPadding=0 width=225 align=center border=0><TBODY><TR>
<TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" bgColor=#ff359a height=5 align=middle>水晶透明效果边框二</TD></TR><TR>
<TD height=195>内容(宽高自定义调色要注意深浅)</TD></TR><TR>
<TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" align=right bgColor=#ff359a height=15>1 2 3 4 5 </TD></TR></TBODY></TABLE>


渐淡透明效果边框一
内容(宽高自定义)
代码如下<TABLE style="BORDER-RIGHT:1px solid; TABLE-LAYOUT: fixed; BORDER-TOP:1px solid; BORDER-LEFT:1px solid; BORDER-BOTTOM:1px solid" borderColor=#ff359a height=225 cellSpacing=0 cellPadding=0 width=225 align=center border=0><TBODY><TR>
<TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#ff359a height=15 align=middle>渐淡透明效果边框一</TD></TR><TR>
<TD height=210>内容(宽高自定义)</TD></TR></TBODY></TABLE>


渐淡透明效果边框二
内容(宽高自定义)
1 2 3 4 5
代码如下<TABLE style="BORDER-RIGHT: 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#ff359a height=225 cellSpacing=0 cellPadding=0 width=225 align=center border=0><TBODY><TR>
<TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#ff359a height=15 align=middle>渐淡透明效果边框二</TD></TR><TR><TD height=195>内容(宽高自定义)</TD></TR><TR>
<TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#ff359a height=15 align=right>
1 2 3 4 5</TD></TR></TBODY></TABLE>


立体水晶透明效果边框一
内容(宽高自定义)
代码如下<TABLE style="BORDER-RIGHT: 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#aa0055 height=225 cellSpacing=0 cellPadding=0 width=225 align=center border=0><TBODY>
<TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#ff359a height=15 align=middle>立体水晶透明效果边框一</TD></TR><TR>
<TD height=210>内容(宽高自定义)</TD></TR></TBODY></TABLE>


立体水晶透明效果边框二
内容(宽高自定义)
1 2 3 4 5
代码如下<TABLE style="BORDER-RIGHT: 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#aa0055 height=225 cellSpacing=0 cellPadding=0 width=225 align=center border=0><TBODY>
<TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#ff359a height=15 align=middle>立体水晶透明效果边框二</TD></TR><TR><TD height=195>内容(宽高自定义)</TD></TR><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#ff359a height=15 align=right>
1 2 3 4 5  </TD></TR></TBODY></TABLE>


你见过这样的边框吗?

代码如下<TABLE style="BORDER-RIGHT: #99cc00 3px solid; BORDER-TOP: #99cc00 3px solid; FILTER: glow; BORDER-LEFT: #99cc00 3px solid; WIDTH: 300px; BORDER-BOTTOM: #99cc00 3px solid; HEIGHT: 300px" cellSpacing=0 cellPadding=5 width=300 border=5><TBODY><TR><TD><P>你见过这样的边框吗?</P></TD></TR></TBODY></TABLE>


双线表格边框代码
代码如下<TABLE style="BORDER-RIGHT: #99cc00 5px double; BORDER-TOP: #99cc00 5px double; BORDER-LEFT: #99cc00 5px double; BORDER-BOTTOM: #99cc00 5px double" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width=200 align=center border=0><TBODY><TR><TD>双线表格边框代码</TD></TR></TBODY></TABLE>


方形虚线表格边框代码
代码如下<TABLE style="BORDER-RIGHT: #99cc00 5px dashed; BORDER-TOP: #99cc00 5px dashed; BORDER-LEFT: #99cc00 5px dashed; BORDER-BOTTOM: #99cc00 5px dashed" borderColor=#dashed height=200 cellSpacing=0 cellPadding=0 width=200 align=center border=0><TBODY><TR><TD>方形虚线表格边框代码</TD></TR></TBODY></TABLE>


圆点虚线表格边框代码
代码如下<TABLE style="BORDER-RIGHT: #99cc00 4px dotted; BORDER-TOP: #99cc00 4px dotted; BORDER-LEFT: #99cc00 4px dotted; BORDER-BOTTOM: #99cc00 4px dotted" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width=200 align=center border=0><TBODY><TR><TD>圆点虚线表格边框代码</TD></TR></TBODY></TABLE>



实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 滚动条框制作方法与代码 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 颜色代码查询器(制博必备)
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 一分钟学会查找音乐地址 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 清明上河图版本大全
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 表格链接的基本样式与代码 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 彩色闪字教你做
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 表格边框的特殊效果(一) 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 表格边框的特殊效果(二)
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 文字特效代码大全 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 图片特效代码大全
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 移动文字全都汇 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 如何在博客上安置时钟
实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 滚动条框样式与代码(四) 实用表格样式与代码汇总 - 寒情 - 8-com.blog.163.com 实用表格样式与代码汇总
博客技巧 电脑学堂 素材基地 清明上河图版本大全 - 寒情 - 8-com 的博客 软件学院 音画视听 精彩图酷
博客代码 书画艺术 游戏大厅 精美边框 顶栏模版 时钟超市
flash素材 影音素材 查看关于本站的更多信息搏客顶栏动态图片(一) - Q仔 - Q仔*网易博客 经典摘录 收藏本站
如果你喜欢此日志,请点击日志左下方的“推荐”,
让大家分享,也算是对寒情的支持,谢谢!
  评论这张
 
阅读(2293)| 评论(8)
推荐 转载

历史上的今天

评论

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

页脚

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