border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。

border-color 属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4 个边分别设置不同的颜色。请看下面的例子:

例子 1

border-color:red green blue pink;

上边框是红色

右边框是绿色

下边框是蓝色

左边框是粉色

例子 2

border-color:red green blue;

上边框是红色

右边框和左边框是绿色

下边框是蓝色

例子 3

border-color:dotted red green;

上边框和下边框是红色

右边框和左边框是绿色

例子 4

border-color:red;

所有 4 个边框都是红色

要记住,边框的样式不能为 none 或 hidden,否则边框不会出现。

注释:请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。