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 vote300 views1 answer
Is it easy to learn katakana if i know hiragana
Html
-1 vote206 views1 answer
How to set image alignment in html
Html
14 votes204 views1 answer
Leading spaces html
Html
0 vote192 views1 answer
Html in page navigation
Html
0 vote179 views1 answer
How to add link on bar for google bar chart
Html
0 vote215 views2 answers
Html how to hide and show multiple
Html
3 votes200 views2 answers
Disabled a click
Html
17 votes210 views2 answers
Html new target
Html
0 vote193 views1 answer
Html image fallback
Html
2 votes197 views1 answer
Css title and label aligned alongside image
Html