首先,你的ol li标签书写不规范,虽然单独使用li有些浏览器可以识别,但总会有或多或少的错误。 请按w3c标准书写代码。 li为列表项,配合ul 或者ol使用。 ol不能单独使用。 应这样: <ol><li></li><li></li></ol>关于你的样式无
只要在<ul>或者<ol>里定义CSS样式list-style-type或者设置<li>的list-style-type的就可以了。举例：
<ul style="list-style-type:square">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
原来的点a
点b
点c
就变成 方块a
方块b
方块c
了。
list-style-type可以有以下取值：
取值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
disc:点
circle: 圆圈
square: 正方形
decimal: 数字
decimal-leading-zero: 以一个0开头的数字e.g., 01, 02, 03, ..., 98, 99
lower-roman: 小写罗马文字i, ii, iii, iv, v, etc.
upper-roman: 大写罗马文字I, II, III, IV, V, etc.
lower-greek: 小写阿拉伯文字α, β, γ, ...
lower-latin: 小写拉丁文a, b, c, ... z
upper-latin: 大写拉丁文A, B, C, ... Z
armenian: 亚美尼亚数字
georgian: 乔治亚数字an, ban, gan, ..., he, tan, in, in-an, ...
lower-alpha: 小写拉丁文a, b, c, ... z
upper-alpha: 大写拉丁文A, B, C, ... Z
none: 无(取消所有的list样式)
inherit:继承
看到这个题目有了兴趣就测试了下，可惜用我以下的样式不支持IE6、IE7，其他浏览器支持；不过题目是死得，工作中不存在这种问题了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<style>
body{font-size:16px}
.li1{float:leftpadding-top:60px}
.li2{float:leftpadding-top:30pxmargin-left:-55px}
.li3{float:leftmargin-left:-55px}
</style>
</head>
<body>
<ol>
<li class="li1">CCCCCCC</li>
<li class="li2">BBBBBBB</li>
<li class="li3">AAAAAAA</li>
</ol>
</body>
</html>
