以下の画像の通り、コンテンツとブラウザの境界面にに影(ドロップシャドウ)を付ける方法です。
box-shadow

ちょっとしたところで、あまり目立ちはしませんが、こういうふうに影をつけるだけで、立体感がでてかなりいい感じになります。

方法は簡単、以下の通りのcssを追加するだけです。
HTML側を全く変更する必要がないので楽です。

body:before { 
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
z-index: 100;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}


【元ネタ】
How to create slick effects with CSS3 box-shadow