Maison >interface Web >tutoriel CSS >Comment changer la couleur d'une règle horizontale HTML à l'aide de CSS ?

Comment changer la couleur d'une règle horizontale HTML à l'aide de CSS ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-11 17:39:19795parcourir

How Do I Change the Color of an HTML Horizontal Rule Using CSS?

Comment changer la couleur d'un élément


à l'aide de CSS

En HTML, la balise


crée une ligne horizontale qui peut être utilisé pour séparer les sections d’une page Web. Par défaut, cette ligne est grise ou noire, mais vous pouvez facilement changer sa couleur en utilisant CSS.

Le code que vous avez fourni ne change pas la couleur de la ligne car vous utilisez la propriété "color", qui affecte la couleur du texte, pas la couleur de la ligne. Pour changer la couleur de la ligne, vous devez utiliser la propriété "border-color".

hr {
  border-color: #123455;
}

Cela changera la couleur de la ligne


en #123455.

Notez que la modification la "border-color" affectera la ligne entière, y compris tout remplissage ou marge ajouté à l'élément


.

Si vous souhaitez également modifier la couleur de l'arrière-plan derrière la ligne, vous pouvez utiliser la propriété "background-color":

hr {
  border-color: #123455;
  background-color: #efefef;
}

Cela changera la couleur de la ligne en #123455 et la couleur d'arrière-plan en #efefef.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn