Améliorer le visuel d'une boîte
En dehors d'une couleur ou image de fond, on peut jouer sur les bordures ou ajouter un effet d'ombre.
une effet d'ombrage
La propriété box-shadow permet, depuis IE9, d'ajouter un effet d'ombre:
box-shadow:8px 10px 5px rgba(0,0,0,0.7);
On peut ajouter la valaur inset pour un effet d'ombre interne.
La propriété raccourcie border
Elle regroupe 3 propriétés:
border-color
Qui accepte n'importe quelle valeur de couleur
border-width
border-style
border-style accepte ces différentes valeurs:
(image w3c)
border-radius
Border-radius permet de faire des bordures arrondies (IE9+)
border-image
css3 propose l'ajout d'image en guise de bordure et gère la répétition ou l'étirement d'un motif.
http://www.pompage.net/traduction/la-propriete-border-image-en-css3
Editer