[分享]css两个边框颜色样式

CSS中可以为边框定义不同的颜色样式，通过border-color属性可以实现。

/* 边框颜色样式1 */
border-color: red blue green yellow;

/* 边框颜色样式2 */
border-top-color: red;
border-right-color: blue;
border-bottom-color: green;
border-left-color: yellow; 

边框颜色样式1中，定义了四个参数，按顺序分别对应上右下左四个边框的颜色。这样做的好处是可以一行代码同时定义四个边框的颜色，简洁方便。

边框颜色样式2中，则需要依次定义每条边框的颜色，适用于需要定义不同颜色的情况，比如为网页中的导航菜单设置不同颜色的边框。