BlueGEEK Journal

Accueil > Manip’s > CSS > 8- CSS : Comment simuler un Ombrage

CSS

8- CSS : Comment simuler un Ombrage

Position : Relative

dimanche 1er janvier 2006, par bluegyn_spip

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