这边的设置圆圈颜色，有点歧义.
1.类似圆环的形式；2.半圆填充颜色
对于第一种那就简单了：
div{
width: 200px
height:200px
border-radius: 50%
border: 10px solid #1AA1E1
display: inline-block
box-sizing: border-box
}
第二种半圆的话，那么会相对麻烦点（当然图片的方法就不说了）：
div{
width: 200px
height:200px
border-radius: 50%
position: relative
display: inline-block
box-sizing: border-box
overflow: hidden
border:1px solid #e3e3e3
}
div:after{
content: ''
position: absolute
width: 50%
height: 100%
background-color: #0000FF
top:0
left:0
}
list-style的颜色可以自己根据需要设置，方法是给<ul>标签加上color属性值，这样就会改变list-style 的颜色，并且不会影响文字的颜色：例如：
html代码为：<ul><li><a href="#" title="百家合符">百家合符</li></ul>
css样式代码：ul {padding-left:15pxcolor:#d1c098}
li {height:20pxline-height:20pxlist-style:square}
大小可以通过给<ul>标签加font-size改变，不过存在兼容性问题（ie6不支持）
详情可查考：http://blog.sina.com.cn/s/blog_6540a3c50100j3qi.html
