Comment changer la couleur d'arrière-plan en html

La couleur d'arrière-plan du document / élément HTML améliore l'esthétique de la page Web. La modification de la couleur d'arrière-plan d'une page Web HTML vous permet de créer des dispositions colorées uniques. L'ajout de couleur d'arrière-plan à HTML le fait le plus ressortir et le rend plus lisible aux lecteurs.

HTML fournit un soutien étendu pour manipuler les éléments. HTML fournit le support pour modifier la couleur d'arrière-plan selon l'exigence.

Cet article vise à servir diverses méthodes pour modifier la couleur d'arrière-plan dans HTML. Vous obtiendrez les résultats d'apprentissage suivants:

1. Comment changer la couleur d'arrière-plan en HTML en utilisant CSS en ligne
2. Comment changer la couleur d'arrière-plan en HTML en utilisant le CSS interne
3. Comment changer la couleur d'arrière-plan en HTML en utilisant le CSS externe

Comment changer la couleur d'arrière-plan en html

Le Propriété «Color en arrière-plan» en html changera la couleur d'arrière-plan. Les versions précédentes ont soutenu le Propriété «bgcolor» qui n'est plus pris en charge par la dernière version. Le Propriété «Color en arrière-plan» peut être exercé par les moyens suivants:

• CSS en ligne: Les styles CSS sont ajoutés à l'intérieur de la balise
• CSS interne: Les styles sont ajoutés dans la section de tête à l'intérieur du document HTML
• CSS externe: Un fichier CSS externe est créé et lié au document HTML pour ajouter les modifications

Toutes ces méthodes sont discutées dans les sections à venir.

Comment changer la couleur d'arrière-plan en HTML en utilisant CSS en ligne

CSS en ligne est utilisé à l'intérieur de la balise d'ouverture de l'élément de l'élément, CSS en ligne affectera uniquement l'élément dans lequel il est utilisé. Nous utiliserons l'attribut de couleur arrière pour modifier l'attribut de couleur

Code:

Ici, nous avons utilisé CSS en ligne dans l'étiquette corporelle, en couleur d'arrière-plan

Nous avons utilisé l'attribut de style à l'intérieur de la balise corporelle et ajouté la propriété de couleur arrière et attribué le nom du mot-clé couleur Azure.

Sortir:

La couleur d'arrière-plan de l'étiquette corporelle est changée en Azure après avoir appliqué CSS en ligne.

Comment changer la couleur d'arrière-plan en HTML en utilisant des CS internes

CSS interne est utilisé pour styliser un seul document HTML à l'intérieur de la section Head. Tout le code CSS sera à l'intérieur de la balise de style et de la balise de style sera à l'intérieur de la balise de tête.

Code:

Nous avons utilisé CSS en ligne et sélectionné la section Body pour appliquer la propriété «Color de fond».

Sortir:

Comme vous pouvez le voir, la couleur d'arrière-plan a changé pour Azure en utilisant CSS en ligne.

Comment changer la couleur d'arrière-plan en HTML à l'aide de CSS externe

CSS externe est un fichier séparé qui ne contient que du code CSS. Il est lié à l'intérieur de la section tête d'un fichier HTML à l'aide de la balise, il peut être utilisé pour apporter des modifications à plusieurs pages Web. Les fichiers CSS externes doivent être enregistrés avec .Extension CSS.

Code CSS:

Un fichier CSS est créé nommé "style.CSS » et le code mentionné ci-dessus est écrit à l'intérieur "style.CSS ».

Code HTML:

De plus, les lignes suivantes sont utilisées pour relier le fichier CSS dans un document HTML.

La balise est utilisée pour lier le fichier CSS dans la section Head.

Sortir:

Il est observé que la couleur d'arrière-plan est passée de la valeur par défaut à Azure.

Conclusion

L'attribut de couleur arrière modifiera la couleur d'arrière-plan en HTML. La couleur d'arrière-plan d'attribut sera appliquée en utilisant toutes les méthodes de style qui sont en ligne, interne et externe CSS. Le «nom de couleur», la valeur «hexa» de la couleur, ou la combinaison «RVB» de la propriété «Color en arrière-plan» peut être utilisée pour appliquer une variété de couleurs.