テーブルと考え方は極端にかわらないのだけど、 (両)端にぼかし影つけた画像用意して、背景に置いて、マージン等でその部分が見えるように調整するだけです。 気になったページのソースを表示して、余計な部分取り除いていって、よく解読すればわかります。 細かい部分は省くけど、概ねこんな感じ。 両端に影付いた画像を用意(幅:820px、影の幅は10px) <head> <style> <!-- #stage { margin: 0px 5px 0px 5px; background: url("影付き背景画像.gif") repeat-y; } #content { margin: 0px 10px 0px 10px; width: 800px; border: 1px solid red; } --> </style> </head> <body> <div id="stage"> <div id=
![CSSで背景とページの境界の枠に影をつけたい。](https://cdn-ak-scissors.b.st-hatena.com/image/square/2217b5f8fd432f1f8e24e3387bf58ef8f86ddb50/height=288;version=1;width=512/https%3A%2F%2Foshiete.xgoo.jp%2Fimages%2Fsp%2Fqa_recommend%2F2101_4.jpg)