实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
ul.inside{list-style-position:inside;}
ul.outside{list-style-position:outside;}
p.note{color:red;}
</style>
</head>
<body>
<h1>设置列表位置标记实例</h1>
<p>该列表的list-style-position 的值是“inside”：</p>
<ul class="inside">
<li>苹果</li>
<li>香蕉</li>
<li>雪梨</li>
</ul>
<p>该列表的list-style-position 的值是“outside”：</p>
<ul class="outside">
<li>苹果</li>
<li>香蕉</li>
<li>雪梨</li>
</ul>
<p class="note">注意：inside 表示列表内部；outside 表示列表外部。</p>
</body>
</html>
运行效果：
评论