
			<p>继续我们的<a href="http://www.daqianduan.com/tag/css3%e8%af%a6%e8%a7%a3/">CSS3详解系列文章</a>，今天的主题是<a href="http://www.daqianduan.com/css3-border-color/ ">border color</a>。大家都知道css中的border属性是经常用到的，其写法很简单，如：border:1px solid #333；border color和这有所不同，是不能简写的。</p>
<p><strong>当前浏览器支持情况：Firefox</strong></p>
<h3>border color写法说明：</h3>
<p>-moz-border-top-colors:#A #B #C # D ···；其中A、B、C、D 等都是6位颜色值，方向是由外向内；</p>
<p><strong>Tips：</strong>定义border color的时候需要border的支持。</p>
<h3>CSS源码：</h3>
<pre>.demo {
margin:20px;
width:300px;
height:200px;
text-align:center;
color:#0390B6;
font:bold 20px/180px microsoft yahei;
background:#f2fcff;
border:7px solid #2E9DE6;
border-radius:20px;
-moz-border-top-colors:#0390B6 #0992BD #1796CC #1C98D2 #259ADC #2E9DE6;
-moz-border-right-colors:#0390B6 #0992BD #1796CC #1C98D2 #259ADC #2E9DE6;
-moz-border-bottom-colors:#0390B6 #0992BD #1796CC #1C98D2 #259ADC #2E9DE6;
-moz-border-left-colors:#0390B6 #0992BD #1796CC #1C98D2 #259ADC #2E9DE6;
}</pre>
<p>ok，介绍完毕，不明白的童鞋可以留言提问。</p>
<p>PS：大前端的代码显示用了一个插件<a href="http://kpumuk.info/projects/wordpress-plugins/codecolorer/" target="_blank">codecolorer</a>，大家觉得怎么样呢？</p>
<p>转载请注明：<a href="http://www.daqianduan.com">大前端</a> &raquo; <a href="http://www.daqianduan.com/css3-border-color/">CSS3详解：border color</a></p>		