外觀：
代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
<!--
.titlebar_left {
background: url(img/left.gif) no-repeat left center;
width: 25px;
height: 29px;
float:left;
}
.titlebar_center {
background: url(img/center.gif) repeat-x;
width: 183px;
height: 29px;
float:left;
line-height: 29px;
font-family:隸書;
font-size:18pt;
color:#ffffff;
}
.titlebar_right {
background: url(img/right.gif) no-repeat right center;
width: 192px;
height: 29px;
float:left;
}
.div1 {
width: 402px;
border-left:1px solid #a3c6e2;
border-right:1px solid #a3c6e2;
border-top:1px solid #a3c6e2;
}
.div2{
width: 402px;
border-left:1px solid #a3c6e2;
border-right:1px solid #a3c6e2;
border-bottom:1px solid #a3c6e2;
padding:2px;
text-align:center;
background-color:#f0f0f0;
font-family:楷體;
}
-->
</style>
</HEAD>
<BODY>
<div class="div1">
<div class="titlebar_left"></div>
<div class="titlebar_center">破陣子 辛棄疾</div>
<div class="titlebar_right"></div>
</div>
<div class="div2">
<p>
醉里挑燈看劍，夢(mèng)回吹角連營(yíng)。<br/>
八百里分麾下灸，五十弦翻塞外聲。 <br/>
沙場(chǎng)點(diǎn)秋兵。 <br/>
</p>
<p>
馬作的盧飛快，弓如霹靂弦驚。 <br/>
了卻君王天下事，嬴得生前身后名。 <br/>
可憐白發(fā)生！<br/>
</p>
</div>
</BODY>
</HTML>
示例下載：
http://m.tkk7.com/Files/heyang/sample_Duandai20090815093503.rar