2019-04-28 HTML列表-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_31726339/article/details/89639640

本文深入探讨了HTML中无序和有序列表的多种样式表现，包括默认样式、圆点、方形及空心圆等符号的应用，以及不同编号类型的有序列表展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

无序列表

    <h1>列表</h1>
    <P>
        <ul>
            <li>默认远点符号</li>
            <li>默认远点符号</li>
            <li>默认远点符号</li>
            <li>默认远点符号</li>
        </ul>
        <ul type="disc">
            <li>圆点符号</li>
            <li>圆点符号</li>
            <li>圆点符号</li>
            <li>圆点符号</li>

        </ul>

        <ul type="square">
            <li>方形符号</li>
            <li>方形符号</li>
            <li>方形符号</li>
            <li>方形符号</li>
        </ul>
        <ul type="circle">
            <li>空心圆符号</li>
            <li>空心圆符号</li>
            <li>空心圆符号号</li>
            <li>空心圆符号</li>
        </ul>
    </P>

有序列表

<h1>有序列表</h1>
    <P>
        <ol>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="1">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>

        </ol>

        <ol type="a">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ol type="A">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表号</li>
            <li>有序列表</li>
        </ol>
        <ol type="i">
            <li>有序列表</li>
            <li>有序列表</li>
            <li>有序列表号</li>
            <li>有序列表</li>
        </ol>
    </P>