Hr css

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">

How to change the color of the hr tag in html

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

Hr tag customize using css

hr {
  border-top: 2px solid black;
}

Css thinner hr

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

Source: stackoverflow.com

Custom hr in css

<hr class="style-two">

/* Inset */

hr.style-two {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

Hr css

hr.hr-1 {
  margin: 100px;
  border: 0;
  height: 1px;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0)
  );
}

Similar codes

2 votes186 views2 answers
Display flex align last item to left
CSS
38 votes254 views6 answers
Media query min and max width for all devices
CSS
19 votes172 views1 answer
Set pleasholders color css
CSS
64 votes403 views4 answers
Bootstrap buttons
CSS Bootstrap
0 vote146 views1 answer
How to remove horizontal scrollbar and yet allow vertical
CSS
0 vote192 views1 answer
Faire des colonnesdef etexte css
CSS
0 vote305 views3 answers
Bulma capitalized
CSS Bulma
0 vote198 views1 answer
Why margin is not working on label css
CSS
0 vote212 views1 answer
Css display original image in smalle width
CSS
1 vote193 views1 answer
Outline bottom css
CSS