table边框美化

在<table>里面加代码就可以了。

效果1:



<TABLE style="BORDER-RIGHT: #993333 3px dashed; BORDER-TOP: #993333 3px dashed; BORDER-LEFT: #993333 3px dashed; BORDER-BOTTOM: #993333 3px dashed;" ............>

代码说明:

BORDER-RIGHT: #993333 3px dashed;--右边框的,#993333为颜色,3px是虚线的大小,dashed-虚线的意思拉;

BORDER-TOP: #993333 3px dashed;--顶部边框;......

BORDER-LEFT: #993333 3px dashed; --左边框;......

BORDER-BOTTOM: #993333 3px dashed;--下边框。......

 

效果2:

<TABLE style="BORDER-RIGHT: lightsteelblue 5px dotted; BORDER-TOP: lightsteelblue 5px dotted; BORDER-LEFT: lightsteelblue 5px dotted; BORDER-BOTTOM: lightsteelblue 5px dotted;" cellSpacing=0 cellPadding=15 width=530 align=center bgColor=#b0c4de border=6><TR><TD>2222222222222222222222</td></tr></table>

 

截取自

http://blog.sina.com.cn/s/blog_8ebc5e6001015o35.html

posted @ 2015-08-11 15:18  君子笑而不语  阅读(599)  评论(0编辑  收藏  举报