<div class="wd">〜</div>の
「〜」に表示される部分です。　一番下に境界線が表示されます。

クラス.wdによって幅を指定（width:540px;)してありますが、高さは任意となっています。
高さを固定したいときは、height: OOpx ; の一行を加えてください。

<div class="wd">〜</div>
　 を複数並べて表示しています

<div class="wd">〜</div>
に表示される部分の高さを、個別に変えたいというときは、
目的の<div>の箇所に直接スタイルを書き入れることで実現します。
この場合は、
<div class="wd" style="height:300px">　〜　</div>
と指定してあります。


ここをクリックするとこのページのHTMLと素材をLzhファイルで一括ダウンロードできます。

グラデーションのスクリーンGIFはこちらに多数ありますので、
お好みにあわせてご利用ください。→グラデーションのスクリーンGIF