要制作文章排行前10、或评论排行榜1、2、3、4…，还要给前三名加上不同的背景，可以用纯css实现（用Ol，li），但通常网页制作中使用ul的比较多，因为不同浏览器对ol li有序列表默认自带的序号列表有着不同显示，容易引起浏览器兼容问题，所以遇到这样的有序排版布局，最简单是将序号切成背景图片!
使用ul li实现文章排行有序排版布局。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2194.html
微信扫一扫 
支付宝扫一扫
鼠标指向图片实现放大效果-CSS3特效
上一篇
2018年7月14日 上午10:01
javascript-快速掌握DOM技术
下一篇
2018年7月17日 上午9:21
99%的人还看了以下文章
-
使用html、css、bootstrap设计一个电子商务网站的导航条(免费)
本课程适合前端开发初级学习者，学习使用html、css和bootstrap技术，实现导航条设计。 预计用时：30分钟 1、实现导航条2、实现品牌字体3、实现搜索表单4、实现快捷菜单的显示
-
javascript-快速掌握DOM技术
Javascript的组成： 1. js的语法（核心)。 2. DOM(文本对象模型) ：用于操作HTML文档的应用编程接口。 DOM的出现使得动态HTML（DHTML）得以实现，可以不用重新加载页面而改变网页的外观和内容。 DOM的级别(版本)：DOM1，DOM2，DOM3 3. BOM(浏览器模型) BOM是Browser Object Model的…
-
太赞了！推荐2个多彩渐变配色网站
1、根据心情和情绪生成的渐变色 https://gradienmood.posandu.me/ 色彩是拥有情绪的，但是有情绪的色彩有不一定仅仅只有一种颜色。这个名为 Gradien Mood 的渐变色网站会将不同感觉和渐变色搜集起来，其中有的渐变色甚至拥有极为复杂的情绪，而你需要做的，就是输入你想传递的情绪，然后就能搜到相关的情绪和色彩，包括渐变的 CSS …
-
纯JS实现的验证码-可自定义长度和字符
纯JS实现的页面验证码-可自定义长度和验证码字符 生成验证码的函数 <script type=”text/javascript”> var code; function createCode() { code = “”; var codeLength = 4; //验证码的长度 var checkCode = document.getElemen…
-
第10课：外边距和内边距
上一课，你学习了盒状模型。在这一课，我们将了解如何通过设置margin（外边距）和padding（内边距）这两个CSS属性来改变元素的显示。 为元素设置外边距 为元素设置内边距 为元素设置外边距 一个元素有上（top）、下（bottom）、左（left）、右（right）四个边。外边距（margin）表示从一个元素的边到相邻元素(或者文档边界)之间的距离。可…