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

0 vote346 views1 answer
Multicolored text in html
Html
1 vote341 views2 answers
Router link @click
Html
0 vote327 views1 answer
How to set up html basic workspace
Html
8 votes357 views2 answers
Base64 image in html
Html
0 vote355 views1 answer
If the screen size is then link a css file html
Html
0 vote346 views1 answer
Change fill color using javascript
Html
0 vote304 views1 answer
Html self closing tags
Html
40 votes332 views4 answers
Using svg in html
Html
4 votes325 views2 answers
Subtracting fractions calculator
Html
0 vote298 views1 answer
Html windows logo
Html