【原】表格和边框颜色填充实例！

【实例介绍】

表格table中的边框颜色属性bordercolor

默认情况下边框的颜色是灰色的，可以使用bordercolor标记设置边框颜色。但是设置边框颜色的前提是边框的宽度值不能为零，否则无法显示出边框的颜色。

【基本语法】

<table border="边框宽度" bordercolor="边框颜色">

【语法介绍】

边框的宽度值不能为零，边框颜色为十六进制值的颜色或英文颜色名称。

 注：边框颜色请参照w3school教程HTML 颜色值！

【实例】（1）

请您欣赏	走近科学	大开眼界	情感生活	最美情歌
剪辑习作	美文读物	十点读书	天下父子	感恩父母

【实例】（1）代码：

</p><table bordercolor="#FF0000" cellpadding="1" width="600" align="center" bgcolor="#FFFF00" border="3" style="line-height: 28px; color: rgb(255, 255, 255); font-family: ''Hiragino Sans GB W3'', ''Hiragino Sans GB'', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; height: 300px; width: 800px;"><tbody style="line-height: 28px;"><tr style="line-height: 28px;"><td style="line-height: 28px;"><p target="_blank" rel="nofollow" style="text-align: center; line-height: 28px; margin-top: 0px;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/29/20120629161443_5908.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p target="_blank" rel="nofollow" style="text-align: center; line-height: 28px; margin-top: 0px;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/242438069201602564012362/">请您欣赏</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_7/16/20120716105935_8125.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/2424380692017101764716827/">走近科学</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/25/20120625153622_2968.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/242438069201601872245345/">大开眼界</a></p><p style="line-height: 28px; margin-top: 0px; text-indent: 2em;"></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/24/20120624095255_0225.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/242438069201742384349685/">情感生活</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/23/20120623000917_5701.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/242438069201751355323720/">最美情歌</a></p></td></tr><tr style="line-height: 28px;"><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/23/20120623000458_4138.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/242438069201561974057787/">剪辑习作</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/29/20120629164405_8252.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/24243806920173445045291/">美文读物</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/29/20120629161046_6377.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/2424380692018018846178/">十点读书</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_7/16/20120716083606_7812.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/24243806920166228193856/">天下父子</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_7/16/20120716093651_8437.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/24243806920154973613512/">感恩父母</a></p></td></tr></tbody></table><div style="text-align: center;"><p></p></div><div align="center"><div style="text-align: left;"><span>

【实例】（2）

请您欣赏	走近科学	大开眼界	情感生活	最美情歌
剪辑习作	美文读物	十点读书	天下父子	感恩父母

【实例】（2）代码：

</span></div><table bordercolor="#0000FF" cellpadding="1" width="600" align="center" bgcolor=" #00FF00" border="3" style="line-height: 28px; color: rgb(255, 255, 255); font-family: ''Hiragino Sans GB W3'', ''Hiragino Sans GB'', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; height: 300px; width: 800px;"><tbody style="line-height: 28px;"><tr style="line-height: 28px;"><td style="line-height: 28px;"><p target="_blank" rel="nofollow" style="text-align: center; line-height: 28px; margin-top: 0px;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="never" width="100" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/29/20120629161443_5908.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p target="_blank" rel="nofollow" style="text-align: center; line-height: 28px; margin-top: 0px;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/242438069201602564012362/">请您欣赏</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_7/16/20120716105935_8125.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/2424380692017101764716827/">走近科学</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/25/20120625153622_2968.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/242438069201601872245345/">大开眼界</a></p><p style="line-height: 28px; margin-top: 0px; text-indent: 2em;"></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/24/20120624095255_0225.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/242438069201742384349685/">情感生活</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" width="100" allowscriptaccess="never" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/23/20120623000917_5701.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" rel="nofollow" href="http://shouji18026539399.blog.163.com/blog/static/242438069201751355323720/">最美情歌</a></p></td></tr><tr style="line-height: 28px;"><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="never" width="100" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/23/20120623000458_4138.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/242438069201561974057787/">剪辑习作</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="never" width="100" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/29/20120629164405_8252.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/24243806920173445045291/">美文读物</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="never" width="100" quality="high" invokeurls="false" src="http://img./users/555206/2012_6/29/20120629161046_6377.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/2424380692018018846178/">十点读书</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="never" width="100" quality="high" invokeurls="false" src="http://img./users/555206/2012_7/16/20120716083606_7812.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/24243806920166228193856/">天下父子</a></p></td><td style="line-height: 28px;"><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><embed height="100" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="never" width="100" quality="high" invokeurls="false" src="http://img./users/555206/2012_7/16/20120716093651_8437.swf" type="application/x-shockwave-flash" wmode="transparent"></p><p style="text-align: center; line-height: 28px; margin-top: 0px; text-indent: 2em;"><a target="_blank" href="http://shouji18026539399.blog.163.com/blog/static/24243806920154973613512/">感恩父母</a></p></td></tr></tbody></table><div style="text-align: center;"><p></p></div><div align="center" style="text-align: left;"><span style="color: rgb(102, 102, 102); font-family: "Microsoft YaHei", SimSun, 宋体, "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, Arial, sans-serif; font-size: 14px; text-indent: 28px;">

注：bgcolor 属性规定文档的背景颜色请参照： w3school 教程HTML 颜色名！