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

宁静夏

淡之喧嚣,坐拥宁静;舍之奢靡,但享温馨。

 
 
 

日志

 
 

引用 【代码应用】表格边框的隐藏和显露   

2013-02-01 18:47:17|  分类: 代码学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
彩色渐变字教程 - 静中有动 - 静中有动的休闲屋
   素材:取之网络
常用模块方面的基本代码
  编辑:静中有动
隐藏下边框

代    码

<DIV align=center>
<TABLE style="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1>
<TBODY>
<TR align=middle>
<TD style="BORDER-BOTTOM: medium none" height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

隐藏上边框

代    码

<DIV align=center>
<TABLE style="BORDER-TOP-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1>
<TBODY>
<TR align=middle>
<TD style="BORDER-TOP: medium none" height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>
 

 

 

隐藏左边框

代    码

<DIV align=center>
<TABLE style="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1>
<TBODY>
<TR align=middle>
<TD style="BORDER-LEFT: medium none" height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

隐藏右边框

代    码

<DIV align=center>
<TABLE style="BORDER-RIGHT-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1>
<TBODY>
<TR align=middle>
<TD style="BORDER-RIGHT: medium none" height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

隐藏左右边框

代    码

<DIV align=center>
<TABLE style="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1>
<TBODY>
<TR align=middle>
<TD style="BORDER-RIGHT: medium none; BORDER-LEFT: medium none" height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

隐藏上下边框

代    码

<DIV align=center>
<TABLE style="BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1>
<TBODY>
<TR align=middle>
<TD style="BORDER-TOP: medium none; BORDER-BOTTOM: medium none" height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

只显示上边框

代    码

<DIV align=center>
<TABLE  borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1 frame=above>
<TBODY>
<TR align=middle>
<TD height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

只显示下边框

代    码

<DIV align=center>
<TABLE borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1 frame=below>
<TBODY>
<TR align=middle>
<TD height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

只显示左边框

代    码

<DIV align=center>
<TABLE borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1 frame=lhs>
<TBODY>
<TR align=middle>
<TD height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

只显示右边框

代    码

<DIV align=center>
<TABLE borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1 frame=rhs>
<TBODY>
<TR align=middle>
<TD height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

不显示任何边框

代    码

<DIV align=center>
<TABLE borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1 frame=void>
<TBODY>
<TR align=middle>
<TD height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

 

边框全部显示

代    码

<DIV align=center>
<TABLE borderColor=#ffcc00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=1>
<TBODY>
<TR align=middle>
<TD height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

请保持本博的个性风格,朋友如需要此内容而不想显现来源的,请复制上面的内容自主处理
彩色渐变字教程 - 静中有动 - 静中有动的休闲屋
  评论这张
 
阅读(4)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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