设为首页 - 加入收藏 福建站长网 (http://www.52fujian.com)- 国内知名站长资讯网站,提供最新最全的站长资讯,创业经验,网站建设等!
热搜: 2018 文件 系统 数据
当前位置: 首页 > 创业 > 经验 > 正文

CSS教程:样式化顺序列表

发布时间:2018-09-13 21:15 所属栏目:[经验] 来源:站长网
导读:绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大

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

  概要

  定义

    的字体为:Georgia font,然后把

    的字体设为:Arial。

    ol-overview

      1.Html源代码

      写一个有序列表,不要忘记用

    包裹文本

    Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]


    1. This is line one




    2. Here is line two




    3. And last line



      这是默认显示的样子

    ol-1

      2.ol 元素

      样式ol元素

    Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] ol {
    font: italic 1em Georgia, Times, serif;
    color: #999999;
    }

      列表变成这样

    ol-2

      3.ol p元素

      现在样式化ol p元素

    Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] ol p {
    font: normal .8em Arial, Helvetica, sans-serif;
    color: #000000;
    }

      于是就变成了最终的样子

    ol-3

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

    【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章