Скошенные Границы
Испольуется эффект тени для текста и границ самого блока.
В CSS3 можно добиться реального эффекта тени, не используя дополнительных изображений.Поддерживается всеми браузерами, кроме тупорылого IE.
Отображение легкой тени, доcтигается использованием границ с оттенками серого цвета.
В CSS3 можно добиться реального эффекта тени, не используя дополнительных изображений. Этот метод уже хорош тем, что поддерживается практически всеми современными браузерами и в целом не напрягает глаз пользователя.
Создается иллюзия легкой вдавленности всего блока с контентом.
Для достижения этого эффекта, достаточно поэксперементировать с цветом границ и найти оптимальные параметры для закругленных углов, не забывая при этом об основном фоне страницы. Замечательно смотрится в браузерах для людей.
Пример блока с эффектом тени для границ и закругленными углами.
В CSS3 можно добиться практически любого эффекта тени, не используя дополнительных изображений. В данном примере показан способ придания объема блочному элементу страницы. Эксперементируя с параметрами вашего стиля, легко сможете добиться чего-нибудь и более изящного.
сделано с любовью: @dobrovoi