Accueil > Manip’s > CSS > 8- CSS : Comment simuler un Ombrage
CSS
8- CSS : Comment simuler un Ombrage
Position : Relative
dimanche 1er janvier 2006, par
Pour réaliser une ombre noire sous une Boite CSS,
Il suffit de créer une boite noire
- de même taille que la boite mère,
- et de la placer en dessous
- en la décalant de quelques pixels
Ce décalage est obtenu par l’attribut de positionnement
position : relative ;
Qui permet de déplacer un boite d’autant de pixels X et Y que le nécéssite la simulation d’une ombre
Mise en Oeuvre
C’est l’ombre qui est dessinée dans un premier temps
Puis la boite qui est déplacée à gauche et en haut par des arguments Négatifs de TOP et de LEFT.
OMBRE.HTML
OMBRE.CSS
Voir en ligne : Exemple Ombrage CSS