Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.