More
)
It is allow you to specify how the border color should look like.
Syntax -
border-color: color_value;
Some rules are :-
If there is only one color value in border color property :
border-color: red;
If there is two color values in border color property:
border-color: red green;
If there is three color values in border color property:
border-color: red green blue;
If there is four color values in border color property:
border-color: red green blue pink;
For example:-
Mon -
Sun 8.00 AM - 8.00 PM
<!DOCTYPE html>
<html>
<head>
<title>CSS Border Color</title>
<style>
.one_color {
border-style: solid;
border-color: #0000ff;
}
.two_color {
border-style: solid;
border-color: red yellow;
}
.three_color {
border-style: solid;
border-color: red green blue;
}
.four_color {
border-style: solid;
border-color: red green yellow pink;
}
</style>
</head>
<body>
<h4 class="one_color">One-colored border!</h4>
<h4 class="two_color">two-colored border!</h4>
<h4 class="three_color">three-colored border!</h4>
<h4 class="four_color">four-colored border!</h4>
</body>
</html>
Output
