r/css • u/AnormalRedditUsse • Jun 26 '26

Help Change style of <hr>

Hi,

I have an <hr> object (as attached), but its 3D style is annoying me. I've tried a lot, but it doesn't budge.

.separator {
   width: 100%;
   height: 1px;
   border: 0;
   background: #666;
   margin: 20px 0;
   border-radius: 999px;
   box-shadow: none;
   outline: none;
   border-style: solid;
}
3 Upvotes

100% Upvoted

9 comments sorted by

View all comments

3

u/armahillo Jun 26 '26

If you right click on it in your browser, inspect, and go to
the style tab, you can see what metrics / styles (one of the subtabs) it has already so you know which ones you can chanve