看懂了吗？其实我们看到的网页全是由叫html的编码组成（点击右键，查看源码就可以看到了），所以如果想学习修改模板，一定要懂点html才可以哦。
其次，上面的图片因为版面限制原因所以有两幅缩小了，各位可以对着图片点击一下放大，这样就可以看到清晰字体了。
另外，给大家一个模板作测试学习之用：
<div style="text-align: center;">
<div style="font-size: 14px;text-align: left;width: 888px;background-image: url(/axiao/UploadPic/2009-2/20092419236356.jpg);background-repeat: repeat-y;font-size: 14px;color: #990066; ">
<div style="width:704px">
<div style="background-image: url(/axiao/UploadPic/2009-2/20092419237516.jpg);background-repeat: no-repeat;background-position: 0px 0px;height: 96px;width: 704px;padding-bottom: 10px;"></div>
<div style="text-align: right;padding-bottom: 10px;">
<table border="0" cellspacing="5" cellpadding="0">
<tr>
<td>
<a href="#product01" style="background-image: url(/axiao/UploadPic/2009-2/20092419237608.jpg);background-repeat: no-repeat;display: block;height: 84px;width: 78px;"></a>
</td>
<td>
<a href="#product02" style="background-image: url(/axiao/UploadPic/2009-2/20092419237770.jpg);background-repeat: no-repeat;display: block;height: 84px;width: 78px;"></a>
</td>
<td>
<a href="#product03" style="background-image: url(/axiao/UploadPic/2009-2/20092419238530.jpg);background-repeat: no-repeat;display: block;height: 84px;width: 78px;"></a>
</td>
<td>
<a href="#product04" style="background-image: url(/axiao/UploadPic/2009-2/20092419238462.jpg);background-repeat: no-repeat;display: block;height: 84px;width: 78px;"></a>
</td>
</tr>
</table>
</div>
<div style="background-image: url(/axiao/UploadPic/2009-2/20092419238425.jpg);height: 40px;width: 705px;"><a name="product01" id="product01"></a></div>
<div style="padding: 15px;line-height: 21px;">内容</div>
<div style="background-image: url(/axiao/UploadPic/2009-2/20092419238585.jpg);height: 40px;width: 705px;"><a name="product02" id="product02"></a></div>