Sommaire

Les Arrière-planarrière-plans

1. La Arrière-plan:couleurcouleur d’arrière-plan

Les propriétés de couleur et d’images d’arrière-plan font partie du module Backgrounds and Borders Module Level 3 qui est en Candidate Recommendation au 17 octobre 2017 : https://www.w3.org/TR/css-backgrounds-3/

La Arrière-plan:background-color Affichage:background-colorpropriété background-color permet d’appliquer une couleur d’arrière-plan à la boîte. Vous pouvez utiliser toutes les notations des couleurs que nous avons vues précédemment : en hexadécimale, par les noms, rgb(), rgba(), hsl() et hsla().

Voici un exemple simple :

<!doctype html> 
<html lang="fr"> 
<head> 
   <meta charset="UTF-8"> 
   <title>Titre de la page</title> 
   <style> 
       p { 
           width: 600px ; 
           padding: 20px ; 
           border: 10px solid #000 ; 
       } 
       #p-un { 
           background-color: #7be ; 
       } 
       #p-deux { 
           background-color: rgb(200,200,200) ; 
       } 
   </style>  ...