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>

打赏作者

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注