<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>標題文字</TITLE>
<META http-equiv=Content-Language content=en-us>
<META content="MSHTML 6.00.5730.13" name=GENERATOR>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<STYLE type=text/css>
h3{
font-size:13px;
line-height:21px;
text-align:center;
width:200px; /*修改這個值即可改變寬度，且保持兩端的花紋*/
background-image:url(http://image67.360doc.com/DownloadImg/2013/11/3019/37102280_1.gif);
background-repeat:no-repeat;
padding-left:40px; /*使底部背景的左側圖像顯示出來*/
}
span{
display:block;
padding-right:40px; /*為了使上面的文字居中*/
background-image:url(http://image67.360doc.com/DownloadImg/2013/11/3019/37102280_1.gif);
background-repeat:no-repeat;
background-position:right; /*上邊背景圖片從右往左顯示，用于顯示右側小圖像*/
}
</STYLE>
</HEAD>
<BODY>
<P>這是背景圖像：<IMG src="http://image67.360doc.com/DownloadImg/2013/11/3019/37102280_1.gif"></P>
<H3><SPAN>標題文字</SPAN></H3>
<P>說明：你只需要修改h3標記CSS中的width屬性即可，只要寬度不超過背景圖像的總寬度即可。</P>
</BODY>
</HTML>
