码迷,mamicode.com
首页 > Web开发 > 详细

HTML中改变列表的序号类型

时间:2014-12-01 20:44:57      阅读:313      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   ar   color   使用   sp   on   div   

HTML中,<ol>标签表示有序列表,每一个表项的编号默认从数字开始。比如

<html>
<head>
<title>test</title>
</head>
<body>
<ol>
    <li>first</li>
    <li>second</li>
    <li>third</li>
</ol>
</body>
</html>

效果为:

bubuko.com,布布扣

更改<ol>的type,start属性可以更改序号的类型和起始值,start只能是1,2,3等数字。

1,l(字母l):编号为数字,如1,2,3...

2,A:编号为大写英文字母,如A,B,C...

3,a:编号为小写英文字母,如a,b,c...

4,I:编号为大写罗马字符,如I,II,III...

5,i:编号为小写罗马字符,如i,ii,iii...

比如,代码为

<html>
<head>
<title>test</title>
</head>
<body>
<ol type = ‘A‘ start = ‘3‘>
    <li>first</li>
    <li>second</li>
    <li>third</li>
</ol>
</body>
</html>

效果为:

bubuko.com,布布扣

当然,如果要更改某个<li>元素的编号类型和值,可以使用type和value属性,type取值范围与上述相同,value只能取1,2,3等数字,它没有默认值。

对于无序列表<ul>而言,type属性用来更改编号类型,取值范围如下:

1,disc:实心圆点,也是默认值。

2,circle:空心圆点。

3,square:实心正方形。

HTML中改变列表的序号类型

标签:style   blog   http   ar   color   使用   sp   on   div   

原文地址:http://www.cnblogs.com/yxl10/p/4135879.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!