---恢复内容开始---
list-style-position:inside 序号和内容在一起
list-style-position:outside 序号在内容外面
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
</style>
</head>
<body>
<div>
<ol type="1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ol>
</div>
<div>
<ul type="square">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>
</body>
上面代码代表：有序 无序列表。显示：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{ list-style-image:url(../%E5%9B%BE%E7%89%87/%E4%B9%A6%E6%9C%AC.jpg)}
</style>
</head>
<body>
<div>
<ol type="1">
<li>干吗</li>
<li>文化对话</li>
<li>死老虎雕刻家</li>
<li>咖啡碱考虑粉碎机雕刻</li>
<li>反季节旅客所</li>
<li>经济速度</li>
</ol>
</div>
</body>
显示：
图片作为序号。
---恢复内容结束---