<style>
.ul1 {
list-style-type: circle
}
.ul2{
list-style-type:square;
}
.ol1{
list-style-type:upper-roman;
}
.ol2{
list-style-type:none;
}
.ol3{
list-style-image:url('bg.jpg');
}
</style>
</head>
<body>
<ul>
<li>ul列表默认是实心圆</li>
<li>ul列表默认是实心圆</li>
</ul>
<ul class="ul1">
<li>列表空心圆用list-style-type:circle;</li>
<li>列表空心圆用list-sytle-type；circle;</li>
</ul>
<ul class="ul2">
<li>列表方块用list-style-type:square;</li>
<li>列表方块用list-style-type:square;</li>
</ul>
<ol>
<li>ol列表默认是数字</li>
<li>ol列表默认是数字</li>
</ol>
<ol class="ol1">
<li>ol列表大写罗马数字用list-style-type:upper-roman;</li>
<li>ol列表小写罗马数字用list-style-type:lower-roman;</li>
</ol>
<ol class="ol2">
<li>ol列表没有标记符号list-style-type:none;</li>
<li>ol列表没有标记符号list-style-type:none;</li>
</ol>
<ol class="ol3">
<li>ol列表图像用list-style-image:url("bg,jpg");</li>
<li>ol列表图像用list-style-image:url("bg,jpg");</li>
</ol>
</body>
</html>
来源：http://www.cnblogs.com/xingkongly/p/7510101.html