ul(Unordered List)无序列表
ol(Ordered List)有序列表
列表的样式: 列表原有符号、自定义图形符号、符号显示位置。
1.列表符号
是显示于每一个列表项目前的符号标识。
list-style-type:参数
参数:
disc:圆形(默认)
circle:空心圆
square:方块
decimal:十进制数字
lower-roman:小写罗马数字
upper-roman:大写罗马数字
lower-alpha:小写希腊字母
upper-alpha:大写希腊字母
none:无符号显示
2.自定义图形符号
list-style-image:URL(相对地址或绝对地址)
3.符号显示位置
list-style-position:参数
参数:
inside:在列表框内显示
outside:在列表框外显示
<ol start=”2″> <!– 以2开始 –>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<ol reversed> <!– 倒序显示,没有属性值 –>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<ol type=”a”> <!– 显示类型(1,a,A,i,I),默认123 –>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
<ol>
<li>a</li>
<li>b</li>
<li value=”5″>c</li> <!– 强制设置这里从5开始,下面接着是6 –>
<li>d</li>
</ol>
<dl>
<dt>这是一个盘子</dt>
<dd>这是盘子里的一个苹果</dd>
<dd>这是盘子里的一个辣椒</dd>
<dt>这是一个袋子</dt>
<dd>这是盘子里的一个梨</dd>
<dd>这是盘子里的一个板栗</dd>
</dl>