css3 设置边框颜色

CSS3可以通过border-color属性来设置边框的颜色。我们可以为元素的每一个方向分别设置边框的颜色，也可以集中设置整个边框的颜色。下面是具体的代码示例：

/* 为每个方向分别设置颜色 */
border-top-color: red;
border-right-color: blue;
border-bottom-color: green;
border-left-color: yellow;

/* 集中设置整个边框颜色 */
border-color: red blue green yellow;

上面的代码中，我们可以通过border-top-color、border-right-color、border-bottom-color和border-left-color属性为元素的每个方向分别设置颜色。这些属性可以设置颜色值，可以是CSS颜色名、RGB值或十六进制颜色值。

此外，我们还可以使用border-color属性来集中设置整个边框的颜色。这个属性可以同时设置4个方向的颜色，也可以只设置其中的一些方向。当我们只给这个属性设置一个值时，整个边框的颜色就会变成这个值。

总之，在CSS3中，我们可以轻松地设置元素的边框颜色，使得我们的网页更加美观。如果你还没有使用这个功能，不妨试一下吧！