Pourquoi CSS `color` ne change-t-il pas la couleur de l'élément `` ?-tutoriel CSS-php.cn

Pourquoi CSS `color` ne change-t-il pas la couleur de l'élément `` ?

Mary-Kate Olsen

Libérer： 2024-12-04 08:10:13

original

851 Les gens l'ont consulté

Why Doesn't CSS `color` Change the `` Element's Color?

Style de l'élément

Lorsqu'ils tentent de changer la couleur de l'élément

à l'aide de CSS, de nombreux développeurs rencontrent des difficultés. Le code fourni, qui utilise la propriété color, ne donne pas le résultat souhaité.

La solution réside dans l'utilisation de border-color à la place. L'élément

produit une ligne horizontale et la couleur de la bordure contrôle la couleur de la ligne.

Il est important de noter que si vous modifiez la taille de la ligne via d'autres propriétés CSS, la bordure restera aussi large que spécifié dans les styles. Dans de tels cas, il peut être nécessaire de compléter border-color par background-color.

Comme démontré dans la feuille de style par défaut du projet HTML 5 Boilerplate, vous pouvez utiliser la règle suivante pour personnaliser l'élément

hr {
  border-color: #ccc;
}

Copier après la connexion

De plus, si vous souhaitez que l'élément

hérite de la couleur de bordure de son parent, vous pouvez spécifier border-color:herit. Cette astuce a été mise en évidence dans un article publié par SitePoint intitulé « 12 faits CSS peu connus ».

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!