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

宁静夏

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

 
 
 

日志

 
 

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

2013-03-09 17:55:02|  分类: 代码学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
【代码应用】用代码制作表格边框的隐藏和显露 - 夕阳无限美 - 夕阳无限美欢迎您


隐藏下边框


代    码

<DIV align=center>
<TABLE style="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#00ff00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=7>
<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=#00ff00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=7>
<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=#
00ff00   cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=7>
<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=#
00ff00   cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=7>
<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=#
00ff00   cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=7>
<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=#
00ff00   cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=7>
<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=#
00ff00 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#990000 border=7 frame=above>
<TBODY>
<TR align=middle>
<TD height=40><FONT color=#ffcc00>此处插入内容</FONT></TD></TR></TBODY></TABLE></DIV>

 

只显示下边框

代    码

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


只显示左边框

代    码

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

 

只显示右边框

代    码

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

不显示任何边框

代    码

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

边框全部显示

代    码

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


              代码来源静中有动         夕阳无限美编辑                      

  评论这张
 
阅读(24)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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