您当前位置：首页 > web前端 > htmlcss > CSS教程：样式化顺序列表

CSS教程：样式化顺序列表

来源：程序员人生发布时间：2013-10-23 15:30:16 阅读次数：3238次

　　绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大小。这是一个简单的CSS教程利用有序列表和段落标签来设计一个时髦的编号列表。

　　概要

定义<ol>的字体为：Georgia font,然后把的字体设为：Arial。

ol-overview

　　1.Html源代码

写一个有序列表，不要忘记用包裹文本

　　这是默认显示的样子

ol-1

　　2.ol 元素

　　样式ol元素

ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}

　　列表变成这样

ol-2

　　3.ol p元素

　　现在样式化ol p元素

ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}

　　于是就变成了最终的样子

ol-3

　　英文原文由http://www.cnblogs.com/island205/翻译。

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 汇总SQL Server 2008/2005中的常见缩写

下一篇 自适应宽度的二级横向CSS菜单

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点