这边的设置圆圈颜色，有点歧义.
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-type:这个属性改变，如下是把小圆点等都去掉，里边有很多属性，看你用那个了，下边是一个小例子。<ul style="list-style-type:none"><li>1</li></ul>
----------------------------------------------
做一个很窄的图片，在样式里边定义，就行了，hi我吧，在想帮助。。。
