Ahogyan a lekerekítés, az árnyék is CSS3 tulajdonság, így nem látszódik minden böngészőben.  S ahogy a lekerekítést is, ezt is több módon kell megadnunk, hogy a CSS3-at támogató böngészők érzékeljék.

Demó:


Az árnyékot az alábbi módon adhatod meg:
    box-shadow: 2px 2px 2px  #727272;
    -moz-box-shadow: 2px 2px 2px  #727272;
    -webkit-box-shadow: 2px 2px 2px  #727272;

Természetesen a CSS kódodban oda kell másolni, ahová az árnyékot szeretnéd. Célszerű a modulfejlécnél és a modulháttérnél egyaránt megadni, ebben az esetben fog úgy kinézni, mint a demónk. Azaz:

<style type="text/css">

td.modtitle
   { box-shadow: 2px 2px 2px  #727272;
    -moz-box-shadow: 2px 2px 2px  #727272;
    -webkit-box-shadow: 2px 2px 2px  #727272;}

td.modbody
   { box-shadow: 2px 2px 2px  #727272;
    -moz-box-shadow: 2px 2px 2px  #727272;
    -webkit-box-shadow: 2px 2px 2px  #727272;}

</style>