Comment Définir La Couleur D'arrière-plan

Table des matières:

Comment Définir La Couleur D'arrière-plan
Comment Définir La Couleur D'arrière-plan

Vidéo: Comment Définir La Couleur D'arrière-plan

Vidéo: Comment Définir La Couleur D'arrière-plan
Vidéo: Changer de couleur à l'arrière plan de sa photo 2024, Avril
Anonim

En règle générale, la couleur d'arrière-plan de base d'une page Web est définie à l'aide de feuilles de style en cascade (CSS). Moins fréquemment, les capacités du langage HTML (HyperText Markup Language - "langage de balisage hypertexte") sont utilisées pour cela. Parfois, les éléments de description CSS sont placés dans des balises HTML.

Comment définir la couleur d'arrière-plan
Comment définir la couleur d'arrière-plan

Instructions

Étape 1

Utilisez l'attribut bgcolor de la balise body si vous souhaitez simplifier au maximum la spécification de la couleur d'arrière-plan et minimiser les modifications apportées à votre code source. Les descriptions de tous les éléments de la page sont placées dans la source de la page à l'intérieur d'un bloc de code HTML qui commence par une balise et se termine par une balise. L'attribut bgcolor est spécifié dans la balise d'ouverture et contient la valeur de couleur nommée (par exemple, Rouge ou Chocolat) ou son code de couleur hexadécimal correspondant (# FF0000 ou # D2691E, respectivement). Dans sa forme la plus simple, une telle balise peut être écrite, par exemple, comme ceci: Ou comme ceci: Les deux options définissent la même couleur rouge pour l'arrière-plan du document.

Étape 2

Utilisez la propriété background-color si vous souhaitez définir la couleur d'arrière-plan d'un document à l'aide d'un langage de description de style - cette méthode est beaucoup plus courante. Les blocs de description de style peuvent être soit inclus dans le code source du document, soit écrits dans un fichier séparé avec l'extension css. Un lien vers un fichier externe est placé dans la partie titre de la page (entre les balises et) et ressemble à ceci: @import "style.css"; S'il n'est pas nécessaire de déplacer les instructions CSS dans un fichier supplémentaire, puis @import "style.css"; doit être remplacé, par exemple, par le test suivant: body {background-color: Red;} Ici body indique que l'instruction à l'intérieur des accolades qui définit la couleur d'arrière-plan rouge fait référence à la même balise HTML body. Et ici il existe plusieurs systèmes pour déterminer les nuances de couleurs, mais les codes hexadécimaux sont le plus souvent utilisés: body {background-color: # FF0000;}

Étape 3

Remplacez la propriété background-color par background pour décrire de manière concise une structure d'arrière-plan plus complexe. Par exemple, si, en plus du fond d'une certaine couleur, une image doit être placée dans le support du document. Une telle description pourrait ressembler à ceci: body {background: Red url (img / BGimage.gif) no-repeat;}

Étape 4

En fonction de l'option que vous avez choisie, préparez le code qui définit la couleur d'arrière-plan du document et collez-le dans la source de la page. Cela peut être fait, par exemple, à l'aide de l'éditeur en ligne des pages du système de gestion de contenu ou dans n'importe quel éditeur de texte.

Conseillé: