In this post we will show you a few examples to style the <hr> html tag with css. The <hr> tag is used to add a horizontal line in a webpage, this line can be used to divide information or segments of your webpage.
<hr> tags by themselves are rather boring and ugly, that is why we can use some simple css techniques to add a bit of style to our lines. One thing you’ll want to add to each css rule, is setting the border property to 0, by doing this we are basically removing all borders of the current <hr> tag and starting with a blank canvas.
OK lets begin,
1. Our first example will show a single solid border of 1px.
That’s all the examples we have at the moment, we will be adding more in the future. If you have a great design for the <hr> tag, please either contact us with the code or leave a comment below and we will add them to our list.
Share this Page
If you have enjoyed using this tool, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.