列表样式

列表样式

编号列表的标记符为<ol>，表示顺序列表

<ol>
        <li>aaaa</li>
        <li>bbbb</li>
    </ol>

效果为

项目符号列表的标记符为<ul>，表示无序列表

<ul>
        <li>aaaa</li>
        <li>bbbb</li>        
    </ul>

效果为

<li>则使用在<ol>或<ul>中，来封装列表中的每一项

除此之外，还可以通过list-style-type属性来设置样式，其可选项为

• disc 无序列表，实心圆
• circle 无序列表，空心圆
• square 无序列表，实心方块
• decimal 有序列表，1，2，3，4
• decimal-leading-zero 有序列表，01，02，03
• lower-roman 有序列表，i、ii、iii、iv
• upper-roman 有序列表，Ⅰ、Ⅱ、Ⅲ、Ⅳ
• lower-alpha 有序列表，a，b，c，d
• upper-alpha 有序列表，A，B，C，D

<ul style="list-style-type: lower-roman;">
        <li>aaaa</li>
        <li>bbbb</li>
    </ul>