1、border-color
（1）border-top-color：边框上部颜色
（2）border-bottom-color：边框下部颜色
（3）border-left-color：边框左部颜色
（4）border-right-color：边框右部颜色
2、浏览器兼容性
（1）IE6、7、8不兼容
（2）火狐2.0不兼容
（3）Chrome 1.0和2.0不兼容
3、属性举例
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>CSS 3 border-color属性</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<style type="text/css">
body{
width:50%;
height:100%;
font-size:20px;
text-align:center;
}
#body_div{
border:10px solid #FF0000;
border-top-color:#FF000 #999 #AAA #BBB #00FF00 #DDD #EEE #0000FF;
border-right-color:#FF000 #999 #AAA #BBB #00FF00 #DDD #EEE #0000FF;
border-bottom-color:#FF000 #999 #AAA #BBB #00FF00 #DDD #EEE #0000FF;
border-left-color:#FF000 #999 #AAA #BBB #00FF00 #DDD #EEE #0000FF;
-moz-border-top-colors:#FF000 #999 #AAA #BBB #00FF00 #DDD #EEE #0000FF;
-moz-border-right-colors:#FF000 #999 #AAA #BBB #00FF00 #DDD #EEE #0000FF;
-moz-border-bottom-colors:#FF000 #999 #AAA #BBB #00FF00 #DDD #EEE #0000FF;
-moz-border-left-colors:#FF000 #999 #AAA #BBB #00FF00 #DDD #EEE #0000FF;
}
</style>
</head>
<body>
<div id="body_div">CSS 3 border-color属性</div>
</body>
</html>
4、实例效果图
![一个小小的移动web版音乐播放器[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)