您的位置:首页

列表

2016-04-25 12:30 162 查看
无序列表(Unordered List)

<ul type="circle">
<li>无序列表项1</li>
<li>无序列表项2</li>
</ul>


type属性:

disc:实心圆

square:实心正方形

circle:空心圆

<ul style="list-style-image:url(../image/qq_face.png);">
<li>你好</li>
<li>我也好</li>
</ul>


使用list-style-image自定义项目符号

<ul style="list-style-type:none;">
<li>你好</li>
<li>我也好</li>
</ul>


list-style-type:none;去除项目符号

有序列表(Ordered List)

<ol type="1" start="3">
<li>one</li>
<li>two</li>
</ol>


定义列表(Definition List)

一种两个层次的列表,名词为第一层,解释为第二层,且不包含项目I符号

可以将它理解为key---Set形式

<ul style="list-style-type:none;">
<li>你好</li>
<li>我也好</li>
</ul>
<dl>
<dt>动物园的小动物</dt>
<dd>老鼠</dd>
<dd>猫</dd>
<dt>书本</dt>
<dd>一种记录知识的工具</dd>
</dl>


dd只能解释它前一个dt
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: