列表

无序列表(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

posted @ 2016-04-25 12:30  guodaxia  阅读(167)  评论(0编辑  收藏  举报