列表

1、无序列表:ul

<ul>
	<li>西门大官人</li>
	<li>许大官人</li>
	<li>柴大官人</li>
</ul>

①使用 li 创建列表项

②通过type属性可以修改无序列表的项目符号

注意:默认的项目符号,我们都不使用,所以要在CSS中去掉

/*
去掉项目符号:
*/
ul{
    list-style: none;
}

③通过为li设置背景图片来设置项目符号


2、有序列表:ol

<ol>
	<li>结构</li>
	<li>表现</li>
	<li>行为</li>
</ol>

其余同无序列表


3、定义列表

<dl>
	<dt>武松</dt>
	<dd>景阳冈,打虎英雄</dd>
	<dd>后打死西门庆,投奔井冈山</dd>
	<dt>武大</dt>
	<dd>著名餐饮企业家</dd>
</dl>

①用来对一些词汇和内容进行定义

②使用dl来创建一个定义列表

③dt:被定义的内容

④dd:对定义内容的描述

注意:ul,ol,dl都可以嵌套


本文章使用limfx的vscode插件快速发布