html列表
无序列表
无序列表使用粗型圆点(典型小圆点)。
无序列表用 ul 标签,无序列表项用 li 标签
<ul type="" >
<li>冬瓜</li>
<li>西瓜</li>
<li>南瓜</li>
<li>北瓜</li>
</ul>
浏览器效果如下:
- 冬瓜
- 西瓜
- 南瓜
- 北瓜
样式方面:
type属性值 | 效果 |
---|---|
disc | 设定项目符号为一个实心圆点(IE浏览器默认值); |
circle | 设定项目符号为一个空心圆点 |
square | 设定项目符号为一个实心方块。 |
有序列表
有序列表使用粗型圆点(典型小圆点)。
有序序列表用 ol 标签,无序列表项用 li 标签
<ol type="" >
<li>冬瓜</li>
<li>西瓜</li>
<li>南瓜</li>
<li>北瓜</li>
</ol>
浏览器效果如下:
- 冬瓜
- 西瓜
- 南瓜
- 北瓜
样式方面:
type属性值 | 效果 |
---|---|
1 | 设定项目编号为阿拉伯数字(IE浏览器默认值) |
a | 设定项目编号小写英文字母 |
A | 设定项目编号为大写英文字母 |
i | 设定项目编号为小写罗马数字 |
I | 设定项目编号为大写罗马数字 |
定义列表
有序列表使用粗型圆点(典型小圆点)。
有序序列表用 ol 标签,无序列表项用 li 标签
<dl type="" >
<dt>冬瓜</dt>
<dd>西瓜</dd>
<dt>南瓜</dt>
<dd>北瓜</dd>
</dl>
浏览器效果如下:
冬瓜
西瓜
南瓜
北瓜