外观:
代码:
<!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>
醉里挑灯看剑,梦回吹角连营。<br/>
八百里分麾下灸,五十弦翻塞外声。 <br/>
沙场点秋兵。 <br/>
</p>
<p>
马作的卢飞快,弓如霹雳弦惊。 <br/>
了却君王天下事,嬴得生前身后名。 <br/>
可怜白发生!<br/>
</p>
</div>
</BODY>
</HTML>
示例下载:
http://www.blogjava.net/Files/heyang/sample_Duandai20090815093503.rar