Comment changer la couleur de la balise HR avec CSS

juillet 11, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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>

<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>

<!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>

<!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.

Résultat

Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

QCMs qui pourraient vous intéresser :

Code source :

Titre

Vous pourrez aussi aimer

Comment redimensionner automatiquement une image pour l’adapter à un bloc DIV avec CSS

Comment définir la hauteur d’une DIV à 100% avec CSS

Comment placer une bordure à l’intérieur d’un bloc div en CSS

Laisser un commentaire Annuler la réponse