模块化网页时的通用布局设计（DIV+CSS）

CSS部分：

<style>
#item {border: 1px solid #999999;margin: 5px;width: 200px;}
div.item_title {background-color: #CCCCCC;padding: 5px;font-weight: bold;}
div.item_cont ul li {list-style-type: decimal;line-}
</style>

DIV部分：

<div id="item">
 <div class="item_title">最新文章</div>
 <div class="item_cont">
  <ul>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
   <li>有PHP博客程序排行榜吗 </li>
  </ul>
 </div>
</div>

如此设计，简单好用效率至上！