<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.redcircle {undefined
position: absolute
margin: 52px 45px
width: 12px
height: 12px
background: #FF0000
border-radius: 50%
border: 1px solid #FF6347
}
.greencircle {undefined
position: absolute
margin: 52px 45px
width: 12px
height: 12px
background: #228B22
border-radius: 50%
border: 1px solid #3CB371
}
</html>
不行，如果是使用css自带的list-style属性定义前面的小圆点则不同浏览器，不同版本均有自己的解析方法，无法通过css实现具体控制，淘宝的是背景图片，使用css的list-style定义不确定因素太大，如果要求严格美观的页面布局应该在整个css中预先就清除列表元素的list-style属性然后用背景图片实现效果
