Тени в CSS создаются при помощи двух свойств: box-shadow и text-shadow. Свойство box-shadow создает тени для блочных элементов, а свойство text-shadow – для текстов. Синтаксис обоих свойств очень похож, поэтому сначала я разберу свойство box-shadow, которое немного сложнее, а затем изучим text-shadow. Свойство box-shadow Полный синтаксис записи свойства box-shadow следующий: box-shadow: inset 1px 2px 3px 4px black; Т.е. в свойстве box-shadow всего 6 параметров, два из которых являются обязательными: это смещение тени по осям x и y. box-shadow: 1px 2px; Первое цифровое значение задает смещение тени по горизонтали, второе - по вертикали...

Один из наиболее часто задаваемых вопросов относительно свойства  box-shadow, которые я получаю на веб-сайтах с вопросами и ответами, — как создать тень только с одной стороны (или, реже, только с двух). Быстрый поиск по  http://stackoverflow.com возвращает около тысячи результатов по данному запросу. И ничего удивительного, ведь отображение тени только с одной стороны создает более утонченный, но настолько же реалистичный эффект...