在CSS3中的设置边框样式时，如果想要设置边框的颜色，可以使用border-color设置边框，除了这个之外，还可以使用属性分别设置边框的四个方向。下面利用实例说明，操作如下：
工具/原料
HTML5
CSS3
HBuilderX
浏览器
截图工具
方法/步骤
1、第一步，双击打开HBuilderX工具，新建一个HTML5页面；并在body元素中插入一个有序列表，如下图所示：
2、第二步，使用通配选择器和有序列表元素ol，分别设置全局样式和有序列表样式，如下图所示：
3、第三步，保存代码并打开浏览器，查看设置边框的样式和效果，如下图所示：
4、第四步，接着在ol元素选择器添加边框的颜色，使用兼容浏览器的形式，如下图所示：
5、第五步，再次保存代码并查看页面显示效果，可以发现上面、右面和下面，边框颜色发生了改变，如下图所示：
6、第六步，最后添加左侧边框的颜色，设置为#0000FF，然后查看左边边框的颜色，如下图所示：
