H5-8列表标签 无序排列

1、无序列表实现

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记

无序列表始于<ul>标签。每个列表项始于<li>标签

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>

 

2、type属性

<ul>的属性type拥有的选项

disc默认实心圆

circle空心圆

square小方块

none不显示

 

 

 

3、无序列表嵌套的

<ul>
    <li>一
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </li>
    <li>二</li>
    <li>三</li>
</ul>

 

4、常见应用场景

  无序列表效果

  导航效果

5、快捷键

  快捷生成:ul>li*3(数字根据自己的需要的li数量修改)

 

 

posted @ 2024-11-29 10:05  张筱菓  阅读(39)  评论(0)    收藏  举报