
1. L'auteur : Olivier Legrand
1.1. Formateur du Web
1.2. Olivier Legrand - Concepteur pédagogique multimédia
2. Image de fond
2.1. background-image:
2.2. Répétition
2.2.1. background-repeat:
2.2.2. repeat
2.2.2.1. Horizontalement et verticalement
2.2.3. repeat-y
2.2.3.1. Verticalement uniquement (axe des y)
2.2.4. repeat-x
2.2.4.1. Horizontalement uniquement (axe des x)
2.2.5. no-repeat
2.2.5.1. Affiche l'image une seule fois
2.2.6. Important
2.2.6.1. Il faut définir avant une image de fond dans le CSS
2.2.7. Exemple
2.3. Positionnement
2.3.1. background-position:
2.3.2. background-position: 50px 100px;
2.3.2.1. 50px position au bord gauche
2.3.2.2. 100px position au bord supérieur
2.3.3. background-position: center center;
2.3.3.1. Centre l'image dans la page
2.3.4. Important
2.3.4.1. Il faut définir avant une image de fond dans le CSS
2.3.4.2. L'image ne doit pas être répétée background-repeat: no-repeat;
2.3.5. Exemple
2.4. Défilement
2.4.1. background-attachment:
2.4.2. scroll
2.4.2.1. Fait défiler l'image
2.4.2.2. background-attachment: scroll;
2.4.3. fixed
2.4.3.1. L'image reste fixe
2.4.3.2. background-attachment: fixed;
2.5. Combiner deux images de fond
2.5.1. Il faut rajouter url("neige.jpg");
2.5.2. Exemple
2.6. Combiner les valeurs CSS
2.6.1. background: url("mikao.jpg") no-repeat top right fixed;
3. Couleur de fond
3.1. Couleur arrière plan
3.1.1. background-color: black;
3.2. Les couleurs
3.2.1. color: purple;
3.2.2. color: #FFC305;
3.2.2.1. hexadécimal
3.2.2.1.1. FF quantité de rouge
3.2.2.1.2. C3 quantité de vert
3.2.2.1.3. 05 quantité de bleu
3.2.3. color: rgb(145, 200, 120);
3.2.4. Ressources
3.2.4.1. http://code-couleur.com/