Modifier la couleur de fond, code HTML et CSS, un image de fond (background image)
Couleur de fond de la page
Couleur de fond de la page avec une image ex: background image
Background
Vous pouvez définir directement en CSS le fond d’une page HTML et meme une image.
Exemple avec la balise BODY :body {background-color:: #eeeeee;font-family: Verdana, Geneva, Arial;font-size : 12px;
Valeurs possibles :
- background-color
- background-image
- background-attachment
- background-repeat
- background-position
(!) A savoir : Vous pouvez définir chaque propriétées individellement.
Couleur de fond
Plus simplement, vous pouvez définir une couleur de fond pour votre page HTML : background-color: valeur;
Valeurs possibles :
- Nom de la couleur
- hexadecimal number
- RGB color code
- transparent
D’accord, mais tu peux donner un exemple ? : Voir un exemple de background color en css
Mettre une image en fond: background image
Vous pouvez mettre une image en fond de vos page HTML : background-image: url(URL_de_image);
Valeurs possibles :
- url
- none (rien)
Background-attachment : Fond avec une image
Cette propriété « background-attachment » permet de définir si une image reste fixe ou suit le mouvement de la page lors du scroll.
Valeurs possibles :
Répétion de l’image
Cette propriété « background-repeat » permet de placer une image en fond de page qui va etre définie suivant les valeurs adoptées :
background-repeat: valeur;
Valeurs possibles :
D’accord, mais tu peux donner un exemple ? : Voir un exemple de background-attachment en CSS
Position de l’image de fond
Vous pouvez définir la position de l’image de fond avec précision: background-position: valeur;
Valeurs possibles :
- top left
- top center
- top right
- center left
- center center
- center right
- bottom left
- bottom center
- bottom right
- x-% y-%
- x-pos y-pos
Les unitées possibles sont : cm, em, in, mm, px, pt, pc.
Il est possible de combiner des valeurs de pourcentage avec des valeurs de longueur (ex. 50% 2cm).
D’accord, mais tu peux donner un exemple ? : Voir un exemple de background-position en CSS
Gestion des bordures en CSS >>>
Le CSS en 3 questions/réponses – en bref
🖥️ C'est quoi HTML et CSS ?
Le CSS est un langage informatique utilisé pour mettre en forme les fichiers HTML sur un site web. Ainsi, les fichiers CSS permettent de gérer l’aspect graphique d’une page en HTML
🤔 Qu'est-ce que le CSS ?
CSS est l’acronyme de « Cascading Style Sheets » c’est à dire « feuille de style en cascade ». Le CSS est un langage informatique permettant de mettre en forme des pages web (HTML ou XML).
📆 Différence entre CSS et CSS3 ?
CSS3 est la dernière version de CSS. Il fournit des capacités de type JavaScript. En plus de cela, il fournit également des fonctionnalités de développement mobile.