一段网站设计DIV+CSS的布局案例子

很多刚毕业的网站设计者对一些DIV+CSS一巧不通,今天我们特意来写一段代码给大家参考参考.

<div id="AutoSite">
<div class="vps_Title_Box_Top">&nbsp;</div>
<ul class="autosite_class">
    <li>
    <div class="autosi_yyl">成品网站商城</div>
    <div class="autosi_ttl">&nbsp;</div>
    <div class="autosi_uul">产品编号：4243&nbsp;<br />
    这是下一段落：网上购买虚拟主机&nbsp;<br />
    行业：家具、洁具</div>
    <div class="autosi_iil"><a target="_blank" href="http://demo.29.cn/1295932382/"><img alt="成品网站超市" width="60" height="23" src="/Template/Tpl_05/newimages/default/button_show1.gif" /></a>&nbsp;&nbsp;&nbsp;<a href="/services/webhosting/sites.asp"><img width="60" height="23" alt="" src="/Template/Tpl_05/newimages/default/button_auto_buy1.gif" /></a></div>
    </li>
    <li>
    <div class="autosi_yyl">医疗器械公司网站</div>
    <div class="autosi_ttl"><a href="/services/webhosting/sites.asp"><img alt="成品网站医疗器械" width="150" height="150" src="/Template/Tpl_05/newimages/default/4250_s.jpg" /></a></div>
    <div class="autosi_uul">产品编号：4250&nbsp;<br />
    应用：企业、行业网站&nbsp;<br />
    行业：医药、医器</div>
    <div class="autosi_iil"><a target="_blank" href="http://do.2799.cn/1295931386/"><img width="60" height="23" alt="" src="/Template/Tpl_05/newimages/default/button_show1.gif" /></a>&nbsp;&nbsp;&nbsp;<a href="/services/webhosting/sites.asp"><img width="60" height="23" alt="" src="/Template/Tpl_05/newimages/default/button_auto_buy1.gif" /></a></div>
    </li>
</ul>
</div>