Linha horizontal colorida

<hr style='width: 100%; height:10px; text-align:center; border:0px; background:#000000 url(https://3.bp.blogspot.com/-aq6SfSKB2gA/WwZTylfFKyI/AAAAAAAA5DY/87tGVPNBj5AdKNRmFzZUuTHdP4nL1W0tgCLcBGAs/s1600/3376916.png);' />

<hr style="height:25px; background:url(https://1.bp.blogspot.com/-59MK0Ja96j8/WwZT2gvNPZI/AAAAAAAA5Dc/ub6XSRkbtwEh6tiPc-yBBqCMMB4D1Ha9QCLcBGAs/s1600/risca-giz-2.png) #000000 center center; border:1px dashed #ffff00; border-left:0px; border-right:0px;">

<hr style="height:5px; border:0; background:radial-gradient(circle, tan, deeppink, black);"/>

<hr style="height:5px; border:0; background:repeating-linear-gradient(90deg,red,tan 7%,brown 10%);"/>

<hr style="height:5px; border:0; background:repeating-linear-gradient(to right, white, #99cc00 2px, gold 3px);"/>

<hr style="height:5px; border:0; background:repeating-linear-gradient(to right, pink 5px, blue 50px);"/>

<hr style="height:5px; border:0; background:repeating-linear-gradient(to right, purple 15px, lightpink 30px, deeppink 60px);"/>

<hr style="height:5px; border:0; background:linear-gradient(#ff00ff, #cd853f, #c71585, #808000, #6a5acd, #003300, #cc6699) fixed;">

<hr style="height:10px; border:0; background: linear-gradient(to bottom right,#000000,#cc0033,#ff00ff);"/>

<hr style="height:10px; border:0; background:linear-gradient(to right, purple, darkred, red, orange, gold, pink, deeppink);"/>

<hr style="height:10px; border:0; background:linear-gradient(#cccccc, beige, tan, brown);"/>

<hr style="border:0; box-shadow:5px 5px 10px #880088; background:#d8bfd8; padding:5px; margin:20px;">

<hr style="height:15px; border:0; background:#40e0d0; box-shadow:0px 0px 5px #000000 inset;"/>

<hr style="height:5px; border:0; background:repeating-linear-gradient(45deg, transparent, transparent 10px,#0099cc 10px,#0099cc 20px), linear-gradient(to bottom, #eeeeee, #999999);"/>

<hr style="height:5px; border:0; background:repeating-linear-gradient(45deg, transparent, transparent 10px,#99cc00 10px,#99cc00 20px), linear-gradient(to bottom, #eeeeee, #999999);"/>

<hr style="height:5px; border:0; background:repeating-linear-gradient(45deg, transparent, transparent 10px, #990099 10px, #990099 20px), linear-gradient(to bottom, #eeeeee, #999999);"/>

<hr style="background:repeating-linear-gradient(45deg, transparent, transparent 10px, #99ffff 10px, #99cc99 20px), linear-gradient(to bottom, #cccccc, #999999); color:transparent; height:5px; border:0;"/>

<hr style="background:repeating-linear-gradient(45deg, transparent, transparent 10px, lightpink 10px, #ffe4e1 20px), linear-gradient(to bottom, beige, #ffe4c4); color:transparent; height:5px; border:0;"/>