Comment changer la couleur de fond d'une page Web en HTML et CSS ?
Comment puis-je changer la couleur de fond d'une page Web en HTML et CSS ?
Pour changer la couleur de fond d'une page Web, en HTML et CSS, vous devez utiliser les feuilles de styles CSS, et plus particulièrement la propriété CSS background-color.
Changer la couleur de fond implique souvent de devoir également changer la couleur des textes. Pour cela vous devez créer une CLASS que vous allez utiliser pour changer la couleur des différents éléments HTML ; elle devra contenir :
- La propriété CSS
background-colorpour la couleur de fond de la page. - La propriété CSS
colorpour la couleur des textes.
Code HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment changer la couleur de fond d'une page Web en HTML et CSS ?</title>
<style>
.couleurs {
background-color: black;
color: white;
}
</style>
</head>
<body class="couleurs">
Exemple de page Web avec un fond de couleur noir, et un texte de couleur blanche.
</body>
</html>
Remarque : La nomenclature des couleurs est multiple pour changer la couleur de fond d'une page Web, ainsi que celle des textes HTML : vous pouvez utiliser le nom des couleurs (red, green, blue, etc), les valeurs exprimées en hexadécimal, ou les valeurs RGBA.
Vous pouvez également utiliser la propriété bgColor pour changer la couleur de fond d'une page Web en HTML.
<body bgcolor="black">Page Web avec un fond de couleur noir</body>
Remarque : Cette méthode est ancienne, elle date du HTML1. Elle est dépréciée mais fonctionne encore pour l'instant avec l'ensemble des navigateurs.