css设置边框颜色-css border-color 属性设置边框的颜色

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

border-color 属性用于定义 HTML 元素的四个边框的颜色。 对于颜色的值，您可以使用十六进制颜色值或颜色名称。 本文向您介绍border-color属性的使用方法和基本使用示例。 有需要的同学可以参考一下。

边框颜色简介

cssborder-color 属性用于定义边框的颜色。 该属性可以有一到四个值css设置边框颜色，各种情况如下：

注意：请始终在 border-color 属性之前声明 border-style 属性。 元素必须先获得边框css设置边框颜色，然后才能更改其颜色。

边框颜色属性值

css border-color属性的值可以使用十六进制颜色值或颜色名称

数值描述

颜色

指定背景颜色。在 CSS Color Values 中查找颜色值的完整列表

透明的

指定边框的颜色应该是透明的。这是默认值

继承

指定边框的颜色，应该从父元素继承

边框颜色示例

设置p元素的四种边框颜色

p.one{
    border-style:solid;
    border-color:#0000ff;
}
p.two{
    border-style:solid;
    border-color:#ff0000 #0000ff;
}
p.three{
    border-style:solid;
    border-color:#ff0000 #00ff00 #0000ff;
}
p.four{
    border-style:solid;
    border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}



One-colored border!
Two-colored border!
Three-colored border!
Four-colored border!
Note: The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.

在线运行