CSS Examples with The Horizontal Line

Horizontal Rules: <hr> Tag - CSS Stylization Color

by ITpresent

HTML

<a href="https://itpresent.com/web/css/hr.php"target="_blank" ><p>
&lt;hr&gt; Tag - CSS Stylization
</p></a>

<hr class="a">
<br><br>
<hr class="b">
<br><br>
<hr class="c">

CSS

.a {
  width:80%;
  height: 12px; border: 0; 
  box-shadow: 0 10px 10px -10px red inset;
}

.b {
  width:80%;
  height: 12px; border: 0; 
  box-shadow: 0 10px 10px -10px blue inset;
}

.c {
  width:80%;
  height: 20px; 
  background-image: -webkit-linear-gradient(left, #8A2BE2, #FFD700, #006400);
}