How to display color bar in html?

Question

I cannot use the style for the hr tag. Can someone help me display a color bar on my jsp page using html?

Answer 1

<hr> doesn't use color, he uses border-color

Answer 2

You can apply border color instead of color

<style>
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
border-color:red;
} 
</style>

Answer 3

hr:first-child{color:red;}
hr:nth-child(2){color:yellow;}
hr:last-of-type{color:blue;}

<hr><hr><hr>

Hide result

Answer 4

<hr style="height:1px;border-top:1px solid #f00" />

.

Answer 5

<HR COLOR="green" WIDTH="60%"> IE, firefox chrome htmlgoodies

CSS, border-color,

, , _.

Answer 6

<hr size="20" color="blue">

Answer 7

<hr color="yellow"  width="100%" >

Answer 8

hr {display: block; height:1px; float:left; border-bottom:1px solid #444444; } 

ur css..