web-dev-qa-db-fra.com

Comment afficher une ligne de couleur en html?

Je ne peux pas utiliser la couleur de style pour la balise "hr". Est-ce que quelqu'un pourrait m'aider à afficher une ligne de couleur sur la page de mon jsp en utilisant HTML?

htmlcssjsp
5
lazyCat

<hr> n'utilise pas de couleur, il utilise border-color

13
Roi

Vous pouvez appliquer border-color au lieu de 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>
5
nikita
<hr style="height:1px;border-top:1px solid #f00" />

Ça devrait le faire.

2
Nelson Pires
<hr color="yellow"  width="100%" >
1
Shailesh Katarmal

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

1
Billy

<HR COLOR="green" WIDTH="60%"> fonctionne dans IE, Firefox et Chrome selon mes propres tests et htmlgoodies

Si vous voulez ajouter de la couleur en utilisant CSS, utilisez border-color comme cela peut être montré here

Si vous voulez de bons arguments pour l’un sur l’autre, lisez ceci daté mais une question similaire de stackoverflow .

1
candied_orange
<hr size="20" color="blue">
1
michael-mammut
hr {display: block; height:1px; float:left; border-bottom:1px solid #444444; }

Utilisez ceci dans votre css ..

0
Rakesh