<hr> tag CSS examples

Examples with The Horizontal Line CSS

by ITpresent

HTML

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

CSS

.a {
  width:85%; 
  border-top:9px double red;
  }
  
  .b {
    width:85%;
    background-color: yellow;
    border-top: 9px dashed blue;
  }
  
  .c {
    width:85%;
    background-color: black; 
    border-top: 9px dotted #8c8b8b;
  }
  
  .d {
    width:85%;
    border-top: 9px solid blue; 
    border-bottom: 9px solid red;
    
 }