这边的设置圆圈颜色，有点歧义.
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
}
单击字体右侧倒三角，最后有一项管理字体，可以打开字体列，手工添加，但有一点要注意，你在网页了使用了你电脑的特殊字体制作的网页上传到服务器后，别人如果安装你使用的字体，浏览没有问题，但大多数人没有安装这种特殊字体，显示效果还是默认的字体，所有意义不了，如果想要美观，可以将题体作出图片，内容的字体建议不要随便更换！
