How to use the border-color attribute in css?
This article mainly introduces how to use the border-color attribute in CSS. The introduction in this article is very detailed and has certain reference value. Interested friends must read it!
CSSborder-color properties
Function: border-color attribute is used to set the border color of an element, and 1~4 values can be set:
border-color:redgreenbluepink;
● The upper border is red
● The right border is green
● The bottom border is blue
● The left border is pink
border-color:redgreenblue;
● The upper border is red
● Left and right borders are green
● The bottom border is blue
border-color:redgreen;
● The upper and lower borders are red
● Left and right borders are green
border-color:red;
● All four borders are red
Note: You need to declare the border-style attribute before the border-color attribute because the element must acquire a border before changing its color. The border-style attribute cannot be none or hidden, otherwise the border will not appear and the border-color attribute will not take effect.
Example of using the CSSborder-color attribute
php Chinese website (php.cn)
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#0000ffrgb(250,0,255)
}
A blue border!
A colored border!
A colored border!
A colored border!
Note: The "border-width" attribute does not work on its own. Use the "border-style" attribute first to set the border.
How to use the border-color attribute in CSS? "For all the content of this article, thank you for reading! Hope to share the content to help everyone, more relevant knowledge, welcome to pay attention to the industry information channel!
