How do I do this?

So you just want the border of your main content area to have a dropshadow? This might help:
https://www.alistapart.com/articles/fauxcolumns/

Instead of columns, you want to pay attention to creating an image with the dropshadow you want. It’s really just a matter of applying a background image to your whole site. Make sense?

Thanks for the response. It makes sense now. I just didn’t know it was called faux columns.

Thanks again ??

I have another question.
How do I round the corners of a div {border}? with js or css?

The corners are just an image you put in place. I imagine that JS *could* do it, but CSS is designed to do it. You’d just need to figure out where you want those rounded corners to appear. Remember, the corners are not actually rounded; they are just images of a rounded corner that you put in place to make it *look* like the whole thing is rounded. Right?

P.S. Faux columns is just the name Cederholm called them. But the “official”-ness of that title doesn’t go any further than that.

Try to search on google on that, there’s a lot of tutorials on that one.

Here’s one, I bet you find better ones:

https://kalsey.com/2003/07/rounded_corners_in_css/

Thanks guys. I will check my options.

P.S. I was really hoping that I wouldn’t have to create any more images for the visitor to download.

https://www.html.it/articoli/niftycube/index.html
Creates the corners with js & css.

Another question on Faux Columns: How change the background for the footer, if I don’t want the footer to end at the status bar of your browser?