ul ol 列表的样式的控制

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>

转载于:https://www.cnblogs.com/appapplicaton/p/4866790.html