css列表(新闻/下载)排行榜特效实现代码

ttx9n · 发表于 2013-3-15 11:44:47

本款列表适合作新闻、下载排行，可以区分颜色，采用一行两列布局，这是最标准的一种CSS布局方式，并且有详细的实现代码，感兴趣的你可以参考下哈，希望可以帮助到你 CSS制作列表，这是比较基础的技巧了，不过有很多朋友还是用不好，那么看一下本款列表，适合作新闻、下载排行，可以区分颜色，采用一行两列布局，这是最标准的一种CSS布局方式了。

2013315114117660.jpg

复制代码代码如下:
<!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" content="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>

mkonji · 发表于 2022-8-24 23:39:54

看到这帖子真是高兴！

u7yxn9 · 发表于 2022-8-28 11:54:39

天天源码论坛

i1efp6c · 发表于 2022-9-25 10:50:03

额风风风微风微风违法

i3x3r3 · 发表于 2022-11-20 15:24:08

抽根烟，下来看看再说

thywok · 发表于 2022-12-13 00:06:47

来看看怎么样

dm00ji1s · 发表于 2023-2-24 00:18:01

这个源码还可以

r8st9 · 发表于 2023-4-25 01:41:05

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

do827261756 · 发表于 2023-5-18 21:32:11

先把创新班才能下班才能下班

plvo189 · 发表于 2023-8-22 12:49:17

很不错的玩意

账号		自动登录	找回密码
密码			立即注册

[CSS] css列表(新闻/下载)排行榜特效实现代码

相关帖子