Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

Gestion couleurs et images de fond HTML5/CSS3 by Mind Map: Gestion couleurs et images
de fond HTML5/CSS3
0.0 stars - 0 reviews range from 0 to 5

Gestion couleurs et images de fond HTML5/CSS3

L'auteur : Olivier Legrand

Formateur du Web

Olivier Legrand - Concepteur pédagogique multimédia

Couleur de fond

Couleur arrière plan

body { background-color: black; }

background-color: black;

Les couleurs

color: purple;

color: #FFC305;, hexadécimal, FF quantité de rouge, C3 quantité de vert, 05 quantité de bleu

color: rgb(145, 200, 120);

Ressources, http://code-couleur.com/

Image de fond

background-image:

body { background-image: url("neige.jpg"); }

Répétition

background-repeat:

repeat, Horizontalement et verticalement

repeat-y, Verticalement uniquement (axe des y)

repeat-x, Horizontalement uniquement (axe des x)

no-repeat, Affiche l'image une seule fois

Important, Il faut définir avant une image de fond dans le CSS

Exemple

Positionnement

background-position:

background-position: 50px 100px;, 50px position au bord gauche, 100px position au bord supérieur

background-position: center center;, Centre l'image dans la page

Important, Il faut définir avant une image de fond dans le CSS, L'image ne doit pas être répétée background-repeat: no-repeat;

Exemple

Défilement

background-attachment:

scroll, Fait défiler l'image, background-attachment: scroll;

fixed, L'image reste fixe, background-attachment: fixed;

Combiner deux images de fond

Il faut rajouter url("neige.jpg");

Exemple

Combiner les valeurs CSS

background: url("mikao.jpg") no-repeat top right fixed;