css

<style>

ol>li {

  list-style-type:none;

  counter-increment:item;

}

ol>li:before {

  width:1.5em;

  font-weight:bold;

  content:counter(item) ".";

}

</style>

<html>

   <ol>

     <li>a</li>

     <li>b</li>

     <li>c</li>

   </ol>

</html>

run result:

1.a

2.b

3.c

note:  :before 是指设置 'content'的内容样式。 

counter 是动态设置li的序列样式,item-->:before item.

相关推荐