要制作文章排行前10、或评论排行榜1、2、3、4…，还要给前三名加上不同的背景，可以用纯css实现（用Ol，li），但通常网页制作中使用ul的比较多，因为不同浏览器对ol li有序列表默认自带的序号列表有着不同显示，容易引起浏览器兼容问题，所以遇到这样的有序排版布局，最简单是将序号切成背景图片!
使用ul li实现文章排行有序排版布局。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2194.html
微信扫一扫 
支付宝扫一扫 
99%的人还看了以下文章
-
jquery动态新增元素节点.click点击事件失效的2个解决方法
问题： ajax读取留言列表，每条留言后面有个回复按钮，class为“reply”,用$(“.reply”).click(function(){ //do something… })，后面通过ajax加载进来的列表中的回复按钮，点击事件会失效。 解决方法： 最简单的方法就是直接在标签中写onclick=”…
-
HTML5网页中如何嵌入音频，视频？
《HTML5的视频播放控制技术》 介绍了HTML5的video元素和常用属性，以及视频播放控制技术，如播放、暂停、音量、全屏、回放功能的实现。不会的童鞋可以学习。 本文主要介绍在HTML5 中如何嵌入音频，视频？ 在HTML5 中如何嵌入音频？ HTML5 支持 MP3、Wav 和 Ogg 格式的音频，代码示例： <audio controls>…
-
一句代码给图片加倒影-CSS3
本文使用纯CSS代码给图片加倒影，CSS代码 ： img { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1))); } 效果如下图所示： 完整代码： <…
-
第13课：浮动元素（float）
我们可以通过CSS属性float令元素向左或向右浮动。也就是说，令盒子及其中的内容浮动到文档（或者是上层盒子）的右边或者左边（参见第9课关于盒状模型的描述）。下图阐明了其原理： 举个例子，假如我们想让一张图片被一段文字围绕着，那么其显示效果将如下所示： 如何实现这个效果？ 上例的HTML代码如下所示： <div id=”picture”><…
-
js验证表单验证，包括用户名、密码、确认密码等，用户注册页面实例
本文是js验证表单输入的入门级教程，要求你会基础的HTML，JS知识。 页面HTML 表单代码： <form action=”” method=”post” enctype=”multipart/form-data” name=”reg_form”> <div class=”info_input”> <div cl…
-
哪些浏览器支持HTML5？
目前支持HTML5的浏览器主要有： 谷歌浏览器（全面支持HTML5）、360浏览器、搜狗浏览器、世界之窗、Firefox、Safari、Opera、QQ浏览器、傲游浏览器、IE10。 如要下载支持HTML5的浏览器，请到官网下载！
