SOURCE

<ul class="zone">
    <li>南极大陆</li>
    <li>北极海</li>
    <li>中国西藏</li>
</ul>
<ol class="university" id="outside">
    <li id="test-for-color">
        岭南学院
    </li>
    <li>
        深圳大学
    </li>
</ol>
<ol class="inside">
    <li>
        中山大学
    </li>
</ol>

ul.zone{
    /* 建立项目列表符号的list-style-type属性
       下面是项目符号（ul下的li）的属性值
        disc：默认值，表示实心原点
        circle：空心原点
        square：实心方块
        none：不显示项目符号  */
    list-style-type: circle;
}
ol.university{
    /* 下面是编号符号（ol下的li）的属性值 
     decimal：阿拉伯数字，从1开始计数
     decimal-leading-zero：阿拉伯数字，从01，02这种格式计数
     lower-roman/upper-roman：小写/大写罗马数字
     lower-alpha/upper-alpha：小写/大写英文字母
     lower-Latin/upper-Latin：小写/大写拉丁字母
     lower-greek：小写希腊字母
     hebrew/armenian/georgian：希伯来编号/亚美尼亚编号/乔治亚编号
     */
    list-style-type:lower-roman;
    
}
li#test-for-color{
    /* 建立图片项目符号的list-style-image属性 
        none：默认，无
        url：（filename），指向的是一个图片的文件名*/
    color:yellow;
    background-color: skyblue;
}
ol#outside{
    font-style:italic;
    /* 项目符号与编号为值的list-style-position属性
    inside：
    outside：
    */    
    list-style-position: outside;
}
ol.inside{
    list-style-position: inside;
    /* 简易表示法list-style
     list-style-type list-style-position list-style-image
    上述默认值分别是disc，outside，none，使用时属性值间需用空格隔开，如果某个属性值使用默认值，
    则可以省略 line-break: */
}