Couleur De Fond Javascript

| | | | | | | | | | | | | | | | | | | | | |

Les CSS peuvent être intimidants, même pour les développeurs expérimentés - il y a tellement d’options ! Mais dans cet article, nous verrons comment modifier la couleur d’arrière-plan dans le document HTML sans créer une feuille de style en cascade distincte.

Lorsque vous utilisez HTML5, vous pouvez ajouter une couleur d’arrière-plan à l’aide de l’attribut style et la propriété ’background-color’. Vous pouvez implémenter cet attribut sur l’élément que vous préférez ; cependant, pour définir la couleur d’arrière-plan de la page entière, l’attribut style doit se trouver dans la balise body. Votre code HTML peut ressembler à ceci:

Ce code nous donne une page HTML avec un arrière - plan orange.

Mise en ≈ìuvre des systèmes de couleurs Web supplémentaires

 Ricardo Gomez Angelo PRZVCSTqje4 Unsplash  Ricardo Gomez Angelo PRZVCSTqje4 Unsplash
les différents systèmes de couleur peuvent être utilisés pour changer la couleur de fond

Lors de la sélection de votre color en HTML, l’attribut style accepte les codes hexadécimaux , les noms de couleur HTML, les valeurs de couleur RVB (A) et les valeurs de couleur HSL. Dans le cas des couleurs RVB et des couleurs HSL, le les systèmes de couleurs doivent être inclus dans la déclaration de couleur d’arrière-plan.

Vous trouverez ci-dessous des exemples de formatage de chaque système de couleurs:

Code hexadécimal

nom de couleur HTML

RGB valeurs de couleur

RGBA des valeurs de couleur

Valeurs de couleur HSL ​​

valeurs de couleur HSLA

Une chose à non tare. Si vous utilisez cette méthode pour définir la couleur d’arrière - plan, mais plus tard écrire un fichier CSS externe, assurez - vous de supprimer l’attribut de style et propriété de couleur de fond de votre HTML pour empêcher un type de remplaçant l’autre / p>

Conclusion

Dans cet article, nous avons expliqué comment changer la couleur de fond avec HTML. Si vous débutez en HTML, consultez notre guide ici: Apprendre le HTML: Un guide pour apprendre le langage de balisage hypertexte ou lisez notre article Combien de temps faut-il pour apprendre le HTML ?