Rainbow hr html

<!--rainbow hr-->
<style>
  hr.rainbow{
    height: 1px; /*for me 1px fits perfect.*/
    outline: none;
    border: none;
    background: linear-gradient(90deg, rgb(255,0,0) 0%, rgb(255,184,0) 12%, rgb(194,255,0) 26%, rgb(0,255,188) 42%, rgb(0,151,255) 57%, rgb(21,0,255) 72%, rgb(201,0,250) 87%, rgb(255,0,138) 100%);
  }
</style>

<body>
	<hr class="rainbow">
</body>

Similar codes

-1 vote317 views2 answers
Bootstrap 5 left div
Html
85 votes318 views5 answers
Justify content css
Html
0 vote313 views1 answer
Html always show scrollbar
Html
0 vote312 views2 answers
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
Html
0 vote325 views1 answer
Cadre en html5
Html
9 votes285 views3 answers
How to change background image in html
Html
0 vote318 views3 answers
Angular read element from html by atribute name
Html
8 votes250 views7 answers
Marquee tag in html
Html
6 votes301 views3 answers
Jquery unescape html
Html
11 votes292 views2 answers
Input datetime
Html