Bootstrap Horizontal Line Code Example

Example 1: how to change the color of the hr tag in html

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

Example 2: html horizontal line style

<!-- HTML -->  <!-- You can change the style of the horizontal line like this: -->   <hr style="width:50%", size="3", color=black>     <!-- Or like this: -->  <hr style="height:2px; width:50%; border-width:0; color:red; background-color:red">

Example 3: how to style an hr tag

/* 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; }

Example 4: horizontal line html

<!-- code -->  <hr>  <!-- code -->

Example 5: division line bootstrap 4

hr {   margin-top: 1rem;   margin-bottom: 1rem;   border: 0;   border-top: 1px solid rgba(0, 0, 0, 0.1); }

Example 6: hr tag html

<hr> <!-- A horizontal line -->