角丸下に伸びるBOX(CSS不使用)
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
html
<div class="topElem">
<div class="bottomElem">
<div class="bodyElem">
コンテンツ<br />
コンテンツ<br />
コンテンツ<br />
コンテンツ<br />
コンテンツ<br />
コンテンツ<br />
</div>
</div>
</div>
css
.topElem
{
background: url("../../img/coading/page3/bg_boxTop.gif") left top no-repeat;
padding-top: 5px;/* 背景画像の高さと同じ数値 */
}
.bottomElem
{
background: url("../../img/coading/page3/bg_boxBottom.gif") left bottom no-repeat;
padding-bottom: 5px;/* 背景画像の高さと同じ数値 */
}
.bodyElem
{
background: url("../../img/coading/page3/bg_boxTop.gif") left top repeat-y;
padding: 15px; /* 体裁を整えるものであって無くてもよい */
}