Add color to hr tag

How to change the color of the hr tag in html

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

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

9 votes177 views3 answers
Basic html codes
Html
33 votes189 views5 answers
Underline text in html
Html
2 votes206 views2 answers
Disable right click div
Html
2 votes307 views1 answer
Html insert remote image
Html
-2 votes146 views1 answer
How to onclick function in php
Html
22 votes211 views3 answers
How to link to an email in html
Html
32 votes188 views6 answers
Vue class binding
Html
41 votes229 views3 answers
Css in reactjs
Html
3 votes215 views2 answers
Html input for email
Html
1 vote199 views2 answers
Html open email program
Html