0
点赞
收藏
分享

微信扫一扫

HTML:列表

鱼板番茄 2022-01-20 阅读 63
htmlhtml5

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

无序列表:

    <!--无序列表-->
    <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>

效果图:

 

举报

相关推荐

0 条评论