分享

用代码制作表格边框的隐藏和显露

 夕阳翁书馆 2018-08-21
【代码应用】用代码制作表格边框的隐藏和显露 - 夕阳无限美 - 夕阳无限美欢迎您


隐藏下边框


代    码

<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>


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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约