- 六月18日
-
最主要的代码为:style="border-top:1px solid #000000 ; 其中border-top为上边框,border-bottom为下边框,border-left为左边框,border-right为右边框,1px为边框像素,solid #000000 为边框颜色为黑色。代码可以灵活运用,如果网页中有多个页面需要用到可以把代码写到样式表中就行了。
代码示例:
<TABLE border=0 cellSpacing=0 cellPadding=0 width=400 align=center height=150>
<TBODY>
<TR>
<TD style="BORDER-TOP: #000000 1px solid" height=50 width=200>表格上边显示边框</TD>
<TD style="BORDER-BOTTOM: #ee11ee 1px solid" height=50 width=200>表格下边显示边框</TD></TR>
<TR>
<TD style="BORDER-LEFT: #00ccff 1px solid" height=50 width=200>表格左边显示边框</TD>
<TD style="BORDER-RIGHT: #00ff00 1px solid" height=50 width=200>表格右边显示边框</TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #ff0033 1px solid; BORDER-TOP: #ff0033 1px solid" height=50 width=200>表格上下显示边框</TD>
<TD style="BORDER-LEFT: #0000ff 1px solid; BORDER-RIGHT: #0000ff 1px solid" height=50 width=200>表格左右边显示边框</TD></TR></TBODY></TABLE>效果如下:
表格上边显示边框 表格下边显示边框 表格左边显示边框 表格右边显示边框 表格上下显示边框 表格左右边显示边框
提示:上面的边框本设置为0,即已经不显示。通过定义1px来显示1像素边框。颜色可任意改变。原创文章请注明转载自电脑技术
本文地址:http://smxr.com/post/15.html
- 评论:(0)
- 隐藏评论
【已有0位网友发表了看法】