超酷的CSS列表排行榜_層和布局特效

CSS制作列表，這是比較基礎的技巧了，不過有很多朋友還是用不好，那么看一下本款列表，適合作新聞、下載排行，可以區分顏色，采用一行兩列布局，這是最標準的一種CSS布局方式了。

此文來自_模板無憂_www.zhaotila.cn

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" /> <title>css排行榜</title> <style type="text/css">  </style> </head> <body> <div class="box2" id="movie_rank"> <h2><a href="#" class="more">更多</a>源碼排行</h2> <div class="inner"> <ul class="rank_list"> <li class="top3">1<a href="#">艾恩An-Upload 無組件上傳類</a>21</li> <li class="top3">2<a href="#">EasySlide jQuery圖片輪顯</a>528</li> <li class="top3">3<a href="#">通用Ajax無刷新表彰驗證類</a>232</li> <li>4<a href="#">支持中文的鼠標取詞VB源碼</a>74</li> <li>5<a href="#">通用Ajax無刷新表彰驗證類</a>56</li> <li>6<a href="#">EasySlide jQuery圖片輪顯</a>85</li> <li>7<a href="#">支持中文的鼠標取詞VB源碼</a>25</li> <li>8<a href="#">多樣式鏈接提示框組件</a>85</li> <li>9<a href="#">類似lightbox的無刷新圖片顯示插件</a>41</li> <li>10<a href="#">通用Ajax無刷新表彰驗證類</a>62</li> </ul> </div> </div> </body> </html>

所屬頻道：層和布局特效/更新時間：2012-08-27

[收藏][報錯][返回列表]

相關層和布局特效：

超酷的CSS列表排行榜_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些