重新认识HTML（四）列表-去掉li前边的小圆点

• 又是查漏补缺的时候了…

无序列表

<ul>
    <li>大姨</li>
    <li>二姨</li>
    <li>三姨</li>
    <li>都是你姨</li>
</ul>

• 大姨
• 二姨
• 三姨
• 都是你姨

有序列表

<ol>
    <li>你大爷</li>
    <li>你二大少爷</li>
    <li>你三大爷</li>
</ol>

1. 你大爷
2. 你二大爷
3. 你三大爷

关键在这里-去掉li前面的小圆点

css这样写：

li {
    list-style: none;
}

自定义列表

注意：dt是老大，后边dd是小弟，一个老大后边跟多个小弟

<dl>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
</dl>

效果如下：

关注我们

新浪微博

官方微信

联系我们

关注我们

新浪微博

官方微信

联系我们