CSS列表

最新推荐文章于 2024-07-23 23:43:36 发布

想被带飞的鱼

最新推荐文章于 2024-07-23 23:43:36 发布

阅读量119

点赞数

分类专栏： HTMLCSS 文章标签： html css3 前端

本文链接：https://blog.csdn.net/m0_62008199/article/details/124070272

版权

HTMLCSS 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

列表

有序列表

 <!-- 有序列表 -->
    <ol>
        <li></li>
        <li></li>
        <li></li>
    </ol>

无序列表

 <!-- 无序列表 -->
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>

自定义列表

 <!-- 自定义列表,有缩进的效果
    dt：标题
    dd：内容
    -->
    <dl>
        <dt>
            <dd></dd>
            <dd></dd>
            <dd></dd>
        </dt>
        <dt>
            <dd></dd>
            <dd></dd>
            <dd></dd>
        </dt>
    </dl>

列表属性值：

ol>li{
    list-style: none; /* 取消列表样式 */
    list-style: disc; /* 默认，实心圆 */
    list-style: circle;/* 空心圆 */
    list-style: square; /* 实心方块 */
    list-style: decimal;/* 标记是数字 */
    list-style: lower-alpha;/* 小写英文字母 */
    list-style: upper-alpha;/* 大写英文字母 */
}

二级列表

<ul>
        <li>第一章
            <ol>
                <li>1-1</li>
                <li>1-2</li>
                <li>1-3</li>
            </ol>
        </li>
        <li>第二章</li>
        <li>第三章</li>
    </ul>