L'arrière-plan coloré du site attire non seulement l'attention des visiteurs, mais traduit également l'ambiance de la ressource. Les sites sur le thème de l'espace créent une atmosphère de mystère avec un fond en forme de ciel étoilé, les ressources de divertissement s'animent avec des couleurs riches de couleurs chaudes, les services Web des services de la ville montrent leur officialité avec un design austère et des arrière-plans principalement gris et bleu. Il existe plusieurs façons de colorer votre propre page Web.
Il est nécessaire
- - votre site
- - au moins des connaissances de base en HTML
Instructions
Étape 1
Pour créer un fond de couleur unie, recherchez les balises suivantes et dans le code HTML. Modifiez la première balise comme ceci:
Dans cette construction, # FFFF33 est la nuance de jaune codée.
Étape 2
La couleur de la page peut être spécifiée non seulement avec un code, mais également avec des mots spéciaux - les noms des couleurs primaires. Pour indiquer la couleur de fond avec un mot, écrivez le code suivant:
Ici "jaune" est le nom de la couleur jaune.
Étape 3
Au lieu de la marque de code jaune ou de son nom, ajoutez la désignation souhaitée de la couleur d'arrière-plan dont vous avez besoin à l'étiquette en utilisant cet indice:
rouge - "rouge" ("# FF0000")
bleu - "bleu" ("# 0000FF")
vert - "vert" ("# 008000")
rose - "rose" ("# FFC0CB")
violet - "violet" ("# EE82EE")
orange - "orange" ("# FFA500")
noir - "noir" ("# 000000")
Étape 4
Si vous souhaitez avoir une image répétitive sur le fond du site, choisissez une petite image, contre laquelle le texte sera clairement visible. Téléchargez une image sur le site. Pour placer une image en arrière-plan, entrez ce code dans la balise
Dans cette entrée, au lieu de "/images/fon.jpg", spécifiez le chemin d'accès à l'image souhaitée.
Étape 5
La couleur des pages Web peut être définie non seulement dans le code HTML, mais également à l'aide de styles CSS. En utilisant ces styles, vous n'avez pas besoin de définir l'arrière-plan dans le code d'une nouvelle page à chaque fois. Pour définir un arrière-plan en CSS entre les balises et placer une entrée comme celle-ci:
corps {
fond: # FFFF33;
}
Ici, la couleur d'arrière-plan est définie par le paramètre d'arrière-plan.
Étape 6
Si vous souhaitez créer un arrière-plan en CSS à l'aide d'une image, alors entre et écrivez le code suivant, au lieu de '/images/fon.jpg' en spécifiant le chemin vers l'image souhaitée:
corps {
image d'arrière-plan: url ('/ images / fon.jpg');
background-repeat: répéter;
}
Ici, le paramètre background-image définit l'image de fond, background-repeat - la répétition de l'image. Sur la page.
