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>
<!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 |
---|
TitreLorem ipsum dolor sit amet, consectetur adipiscing elit. |