Как добавить верхнюю и нижнюю тени?

[borus]

Здравствуйте.

Пробую на сайте добавить тени сверху и снизу от div с id citation следующим образом:

не выходит.

Как бы вы поступили? Дать тень выше стоящему div-у плюс добавить еще один обертывающий для задания второй тени?

Благодарю

[wwt]

:before и :after по умолчанию inline псевдоэлементы, дайте их родителю #citation position:relative, сами псевдоэлементы выравните абсолютно с помощью display:block;position:absolute ну и top и left; А еще тень можно сделать с помощью box-shadow

Edited May 1, 2013 by wwt

[zlodeev]

А я бы обернул div#citation в div со свойством overflow-x: hidden, добавив к нему(#citiation) box-shadow: 0 0 10px 3px black;

[max2012]

http://htmlbook.ru/css/box-shadow

Используйте значение inset

Edited May 1, 2013 by max2012

[zlodeev]

Так вроде же внешняя тень нужна, а не внутренняя?

[borus]

:before и :after по умолчанию inline псевдоэлементы, дайте их родителю #citation position:relative, сами псевдоэлементы выравните абсолютно с помощью display:block;position:absolute ну и top и left; А еще тень можно сделать с помощью box-shadow

Благодарю, применил. Просветите, что дает задание display: block; для ::before и ::after? Возможность позиционирования?

Обычный box-shadow не подходит, поскольку тени овальные. Или им можно делать такие тени для прямоугольных блоков?

Edited May 2, 2013 by borus

[SelenIT]

что дает задание display: block; для ::before и ::after?

Возможность задавать им конкретные размеры.

тени овальные

Можно применить к псевдикам border-radius. И не только