Вот-вот и наступит тот момент, когда всеми браузерами начнут поддерживаться стили CSS 3.0. На данный момент почти полностью поддерживается Mozilla и Safari. Частично Opera. Ну, а IE СSS 3.0  сейчас не очень переваривает.

Сегодня я покажу как с помощью простого кода сделать закругленные углы и тень у любого блока, будь то таблица, div или b.

И так, давайте взглянем на скриншот.

Как видите у закругленной формы по краям имеется тень. Скриншот с одного сервиса блогов.

Такого добились благодаря следующим строчкам кода в CSS

-webkit-box-shadow: 0 0 20px #DEDEDE;
-moz-box-shadow: 0 0 20px #DEDEDE;
box-shadow: 0 0 20px #DEDEDE;
border: solid 1px #DEDEDE;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
(Visited 192 times, 1 visits today)