2010-09-27 11 views
5

Vorrei aggiungere un'ombra sottile per far apparire il mio tavolo sollevato.Come aggiungo un'ombra a un'intera tabella usando solo CSS?

Basta usare il CSS, come faccio?

+1

Quale versione CSS? CSS3 non è compatibile con alcuni browser, quindi suppongo che il tag box-shadow non funzioni. ma fyi gli altri browser hanno tag diversi. ombreggiati { -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; } – EKet

+0

Preferibilmente il numero maggiore di browser possibile. Ma potrei semplicemente fare il default su CSS3 se è quello che posso ottenere. – marcamillion

risposta

10

table { box-shadow: 1px 1px 1px #999; }

Altri esempi scatolare ombra qui: http://www.css3.info/preview/box-shadow/

+1

Ciò che effettivamente ha funzionato è stato -moz-box-shadow: 1px 1px 1px # 999; – marcamillion

+3

Esatto, ciò che non ho menzionato è che devi includere prefissi dei fornitori per farlo funzionare in alcuni browser. Il prefisso '-moz-' è per Firefox, per Chrome/Safari puoi usare '-webkit-' e per Konqueror '-khtml-' –

2

CSS3 ha la dichiarazione box-ombra. Controllare this article per ulteriori informazioni.

Problemi correlati