css实现排行榜（原创）
时间：2007-06-16
来源：互联网
很多首页上都有热门排行，评论排行等，并且用不同的颜色标注排名，今天偶尔有空就也写了一个，挺好用的。
复制代码
- <!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" c />
- <title>无标题文档</title>
- <style type="text/css">
- <!--
- div{float:left}
- div,ul,ol,li {margin: 0; padding: 0; border: 0;}
- ul{list-style-type:none}
- a:hover{background:#0000CC;color:#FFFFFF}
- .live .lvL .lvlist{width:160px;padding:5px 9px;line-height:24px}
- .live .lvL .lvlist .lvNum{ text-align:center;width:22px;line-height:11px;font-family:arial;font-size:8px;color:#fff}
- .live .lvL .lvlist .lvNum1{width:15px;background:#f60;margin:7px 0 6px}
- .live .lvL .lvlist .lvNum2{width:15px;background:#B3B3B3;margin:7px 0 6px}
- -->
- </style>
- </head>
- <body>
- <div class="live">
- <div class="lvL">
- <div class="lvlist">
- <div class="lvNum"><div class="lvNum1">01</div><div class="lvNum1">02</div><div class="lvNum1">03</div><div class="lvNum2">04</div><div class="lvNum2">05</div><div class="lvNum2">06</div><div class="lvNum2">07</div></div><div class="list tl">
- <ul><li><a href="http://bbs.okajax.com">Ajax中国论坛1</a></li><li><a href="http://bbs.okajax.com">Ajax中国论坛2</a></li><li><a href="http://bbs.okajax.com">Ajax中国论坛3</a></li><li><a href="http://bbs.okajax.com">Ajax中国论坛4</a></li><li><a href="http://bbs.okajax.com">Ajax中国论坛5</a></li><li><a href="http://bbs.okajax.com">Ajax中国论坛6</a></li><li><a href="http://bbs.okajax.com">Ajax中国论坛7</a></li></ul></div></div>
- </div></div>
- </body>
- </html>
作者: 北极星 发布时间: 2007-06-16
我用一下了 谢谢 作者: 疯子 发布时间: 2007-06-18
什么意思啊？就这样啊？
作者: 51yan 发布时间: 2008-02-12
就是类似的这种效果
作者: 北极星 发布时间: 2008-02-12
呵呵。.是啊。.改改就好了。. 作者: sking 发布时间: 2008-02-14
支持一下
作者: minapengqiang 发布时间: 2010-04-07
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
