Comment changer la couleur de la balise HR avec CSS

Vous pouvez simplement utiliser la propriété background-color en combinaison avec les propriétés height et border pour changer la couleur par défaut de la balise <hr>.
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Changer la couleur de la balise HR avec CSS</title>
		<style>       
			hr{
				height: 3px;
				background-color: #ff7d95;
				border: none;
			}
		</style>
	</head>
	<body>
		<h1>Titre</h1>
		<hr>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
	</body>
</html>
Résultat

Titre


Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *