前端教程：border-color属性设置边框颜色

border-color属性用于设置边框的颜色，其取值可为预定义的颜色英文单词(如red、blue)、十六进制颜色值#RRGGBB(如#FF0000或#F00)或RGB模式rgb(r,g,b)(如rgb(0,255,0)括号里是颜色色值或百分比)，实际工作中最常用的是十六进制颜色值。

边框的默认颜色为元素本身的文本颜色，对于没有文本的元素，例如只包含图像的表格，其默认边框颜色为父元素的文本颜色。与边框样式和宽度相同，边框颜色的单边与综合设置方式如下。

综合设置四边颜色必须按顺时针顺序采用值复制原则，即一个值为四边，两个值为上下/左右，三个值为上/左右/下。

例如设置段落的边框样式为实线，上下边灰色，左右边红色，代码如下。

再如设置二级标题的边框样式为实线，且下边框为红色，其余边框采用默认文本的颜色，代码如下。

注意：

1、设置边框颜色时同样必须设置边框样式，如果未设置样式或设置为none，则其他的边框属性无效。

2、使用rgb模式设置颜色时，如果括号里面的数值为百分比，必须把“0”也加上百分号，写作“0%”

多学一招：巧用边框透明色(transparent)

CSS2.1将元素背景延伸到了边框，同时增加了transparent透明色。如果需要将已有的边框设置为暂时不可见，可使用“border-color:transparent;”，这时如同没有边框，看到的是背景色，需要边框可见时再设置相应的颜色，这样可以保证元素的区域不发生变化。这种方式与取消边框样式不同，取消边框样式时，虽然边框也不可见，但是这时边框的宽度为0，即元素的区域发生了变化。