HTML：列表

QTazimi

于 2022-01-20 12:21:22 发布

阅读量215

点赞数

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

本文链接：https://blog.csdn.net/qq_39258161/article/details/122598781

版权

2 篇文章 0 订阅

订阅专栏

分为无序列表、有序列表和定义列表。

无序列表：

    <!--无序列表-->
    <ul type="circle">
        <li>无序列表1</li>
        <li>无序列表2</li>
        <li>无序列表3</li>
    </ul>

其中ul标签定义无序列表，li为列表中的项目。type是属性其内容定义生成列表前的图形。

另外分享一个小技巧，当列表项太多事，可用li*n然后使用tab键来使其自动补充好。

有序列表

<!--有序列表-->
    <ol type="a">
        <li>有序列表1</li>
        <li>有序列表2</li>
        <li>有序列表3</li>
    </ol>

定义列表：

    <!--定义列表-->
    <dl>
        <dt>计算机</dt>
        <dd>计算机科学与技术</dd>
        <dt>社科</dt>
        <dd>近代史</dd>
    </dl>

效果图：

关注

专栏目录