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
Libérer: 2024-12-11 17:39:19
original
815 Les gens l'ont consulté

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;
}
Copier après la connexion

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;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal