Question

I’m looking at all the CSS Drop shadow tutorials, which are great. Unfortunately, I need to put a shadow on three sides of a block element (left, bottom, right). All the tutorials talk about shifting your block element up and to the left. Anyone have insights into putting a shadow on three or even four sides?

Answer 1

Thanks everyone. The way I ended up doing it was sorta like this:

<div id='top_margin'></div> <div id='left_right_shadow'>this div has a 5 px tall repeating background that is a bit bigger than the width of my content block, shadow on the left, white space, shadow on the right   <div id='content'>Content as normal</div> </div> <div id='bottom_margin'>This has the bottom shadow</div>