css hr color

1<style>       
2    hr{
3        height: 1px;
4        background-color: #ccc;
5        border: none;
6    }
7</style>
8

1<!-- HTML -->
2
3<!-- You can change the style of the horizontal line like this: --> 
4
5<hr style="width:50%", size="3", color=black>  
6
7
8<!-- Or like this: -->
9
10<hr style="height:2px; width:50%; border-width:0; color:red; background-color:red">
11
12

1hr { border: 0; border-top: 1px solid #dee2e6; }

1/* Red border */
2hr.new1 {
3  border-top: 1px solid red;
4}
5
6/* Dashed red border */
7hr.new2 {
8  border-top: 1px dashed red;
9}
10
11/* Dotted red border */
12hr.new3 {
13  border-top: 1px dotted red;
14}
15
16/* Thick red border */
17hr.new4 {
18  border: 1px solid red;
19}
20
21/* Large rounded green border */
22hr.new5 {
23  border: 10px solid green;
24  border-radius: 5px;
25}