Modifier la couleur de fond, code HTML et CSS, un image de fond (background image)
Couleur de fond de la page

A découvrir les boutons de manchette Geek :) - Des idées de cadeaux à petits prix :)

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)

Voir un exemple

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 :

fixed
scroll

Voir un exemple background-attachment en css

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

code 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.