CSS set border style on the horizontal line

CSS stylization: Attribute "border" set border style on the horizontal line. <hr> Tag - CSS Stylization

by ITpresent

HTML

<a href="https://itpresent.com/web/css/hr.php" target="_blank">Horizontal Rules: &lt;hr&gt; Tag - CSS Stylization</a><br>
<p>&lt;hr&gt; Tag - CSS Stylization</p>
<hr class="a">
<br><br>
<hr class="b">
<br><br>
<hr class="c">
<br><br>
<hr class="d">

CSS

.a {
  width:80%;
  height:15px;
  border:6px solid red;
}

.b {
  width:80%; 
  height:15px;
  border:5px solid blue;
  border-radius:12px;
  }
  
 .c {
   height:15px; 
   width:80%; 
   border:4px dotted green;
 }
 
 .d {
   width:80%;
   height:15px; color:#0451BC;
   border:6px ridge gray
 }