5个步骤教你学会使用宝贝描述模板

 

 

 

 

看懂了吗？其实我们看到的网页全是由叫html的编码组成（点击右键，查看源码就可以看到了），所以如果想学习修改模板，一定要懂点html才可以哦。

其次，上面的图片因为版面限制原因所以有两幅缩小了，各位可以对着图片点击一下放大，这样就可以看到清晰字体了。

另外，给大家一个模板作测试学习之用：

 <div style="text-align: center;">
 <div style="font-size: 14px;text-align: left;width: 888px;background-image: url(/article/UploadPic/20084/200842123144854.gif);background-repeat: repeat-y;font-size: 14px;color: #990066; ">
 <div style="width:704px">
 <div style="background-image: url(/article/UploadPic/20084/200842123145763.gif);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(/article/UploadPic/20084/200842123146413.gif);background-repeat: no-repeat;display: block;height: 84px;width: 78px;"></a>
   </td>
            <td>
   <a href="#product02" style="background-image: url(/article/UploadPic/20084/200842123147459.gif);background-repeat: no-repeat;display: block;height: 84px;width: 78px;"></a>
   </td>
            <td>
   <a href="#product03" style="background-image: url(/article/UploadPic/20084/200842123147760.gif);background-repeat: no-repeat;display: block;height: 84px;width: 78px;"></a>
   </td>
            <td>
   <a href="#product04" style="background-image: url(/article/UploadPic/20084/200842123148574.gif);background-repeat: no-repeat;display: block;height: 84px;width: 78px;"></a>
   </td>
          </tr>
        </table>
   </div>
 <div style="background-image: url(/article/UploadPic/20084/200842123148676.gif);height: 40px;width: 705px;"><a name="product01" id="product01"></a></div>
 <div style="padding: 15px;line-height: 21px;">内容</div>
 <div style="background-image: url(/article/UploadPic/20084/200842123148555.gif);height: 40px;width: 705px;"><a name="product02" id="product02"></a></div>
 <div style="padding: 15px;line-height: 21px;font-size:14px;">
   <p class="STYLE1">内容</p>
   </div>
 <div style="background-image: url(/article/UploadPic/20084/200842123149779.gif);height: 40px;width: 705px;"><a name="product03" id="product03"></a></div>
 <div style="padding: 15px;line-height: 21px;">
   <p>内容</p>
   </div>
 <div style="background-image: url(/article/UploadPic/20084/200842123149993.gif);height: 40px;width: 705px;"><a name="product04" id="product04"></a></div>
 <div style="padding: 15px;line-height: 21px;">
   <p>内容</p>
   </div>
 </div>
 </div>
 </div>