码迷,mamicode.com
首页 > Web开发 > 详细

HTML5每日一练之OL列表的改良

时间:2014-07-18 14:18:21      阅读:327      评论:0      收藏:0      [点我收藏+]

标签:style   strong   art   html   代码   re   

 在HTML5中的OL被改良了,为它增加了两个新属性。

start属性:
start属性用来定义列表编号的起始位置,比如下面的代码,列表将从50开始51...55以此类推

  1. <ol start="50">
  2.         <li>首页</li>
  3.         <li>阅览室</li>
  4.         <li>我的</li>
  5.         <li>简历</li>
  6.         <li>社区</li>
  7.         <li>教程</li>
  8.         <li>HTML5</li>
  9.         <li>专题</li>
  10.         <li>酷站</li>
  11.         <li>TShirt</li>
  12.         <li>作品</li>
  13.         <li>学院</li>
  14. </ol>
复制代码



reversed属性:

reversed属性表示将列表进行反转,但是目前还没有任何一款浏览器对其提供支持,在这里就不细说了。




运行一下看看效果:

    1. <ol start="50" reversed>
    2.         <li>首页</li>
    3.         <li>阅览室</li>
    4.         <li>我的</li>
    5.         <li>简历</li>
    6.         <li>社区</li>
    7.         <li>教程</li>
    8.         <li>HTML5</li>
    9.         <li>专题</li>
    10.         <li>酷站</li>
    11.         <li>TShirt</li>
    12.         <li>作品</li>
    13.         <li>学院</li>
    14. </ol>

HTML5每日一练之OL列表的改良,布布扣,bubuko.com

HTML5每日一练之OL列表的改良

标签:style   strong   art   html   代码   re   

原文地址:http://www.cnblogs.com/liweitao/p/3852767.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!