Afin d'embellir votre site Web sur Internet, vous pouvez apporter des modifications à sa conception. Changer la conception implique toute action, de la modification de l'arrière-plan de la page principale au remaniement complet du modèle de site. Si vous décidez de modifier l'arrière-plan de votre site, les instructions suivantes vous aideront à résoudre ce problème.
Nécessaire
Modification du fichier css
Instructions
Étape 1
Pour la plupart, le code de conception du site se trouve dans le fichier style.css. Mais chaque modèle peut être différent du précédent, donc le code de conception peut se trouver dans un fichier différent, mais aussi avec l'extension css. Afin de définir la couleur de fond de votre site, vous devez saisir ou remplacer la valeur existante par l'expression suivante: / * fond blanc * / body {
background-color: #FFFFFF;} / * fond de titre blanc, couleur de police noire * / h1 {
couleur: # 000000;
couleur d'arrière-plan: #FFFFFF;
}
Étape 2
Afin d'insérer n'importe quelle image en arrière-plan sur votre site, vous devez saisir ou remplacer la valeur existante par l'expression suivante: body {
couleur d'arrière-plan: # 000000;
image d'arrière-plan: url ("Image-1.jpg");
}
Il est à noter que dans ce cas, il est nécessaire de fournir un lien vers le fichier image, qui se trouvera dans le même dossier que le fichier css.
Étape 3
Si vous souhaitez mettre en mosaïque une petite image ou une petite image, utilisez la commande background-repeat. Afin d'utiliser correctement cette commande, il existe plusieurs améliorations à cette commande:
background-repeat: repeat-x - répète l'image le long de l'axe x;
background-repeat: repeat-y - répète l'image le long de l'axe y;
background-repeat: répéter - répéter une image le long de deux axes à la fois;
background-repeat: no-repeat - l'image n'est pas répétée;
background-attachment: scroll - défilement de l'image avec la page;
background-attachment: fixed - l'image ne défile pas.
En utilisant la syntaxe de cette commande, vous pouvez montrer comment cela fonctionne dans des exemples:
background-position: 30px 40px - L'image fait 30 pixels de haut en bas et 40 pixels de gauche à droite.
background-position: 60% 35% - Le rembourrage gauche est de 60% et le rembourrage supérieur est de 25%.
