/Html/How to change the color of the hr tag in html

How to change the color of the hr tag in html

<style>       
    hr{
        height: 1px;
        background-color: #ccc;
        border: none;
    }
</style>

Change the color of an hr

    hr {
        height: 1px;
        background-color: #ccc;
        border: none;
    }

Add color to hr tag

<style>
/* Red border */
hr.new1 {
  border-top: 1px solid red;
}

/* Dashed red border */
hr.new2 {
  border-top: 1px dashed red;
}

/* Dotted red border */
hr.new3 {
  border-top: 1px dotted red;
}

/* Thick red border */
hr.new4 {
  border: 1px solid red;
}

/* Large rounded green border */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}
</style>
 
<h2>Style HR</h2>
<p>Default:</p>
<hr>
<p>Different styles of HR:</p>
<hr class="new1">
<hr class="new2">
<hr class="new3">
<hr class="new4">
<hr class="new5">

Add color to hr tag

border: 1px solid red;

Similar codes

0 vote112 views1 answer
Html content editable no newline
Html
0 vote100 views1 answer
Cron job visit url each 15 min cpanel
Html
2 votes123 views2 answers
Onsubmit in html
Html
0 vote97 views2 answers
Arduino wireless communication
Html
10 votes101 views1 answer
Open link in a new tab hmtl
Html
3 votes105 views1 answer
P5 cdn
Html
9 votes100 views3 answers
Solid black line css
Html
22 votes126 views3 answers
How to link to an email in html
Html
84 votes106 views4 answers
Html how to insert image
Html
0 vote157 views1 answer
How to check password and retype password in html
Html