1、dotted【点状】
2、solid【实线】
3、double【双实线】
4、dashed【虚线】
实例一：如果一个CSS这样写：border-style:dotted solid double dashed出来的框就是：上边框是点状，右边框是实线，下边框是双线，左边框是虚线
实例二：如果一个CSS这样写：border-bottom:1px dashed #000000出来的框就是：一条宽度为1像素的黑色下划虚线。
以此类推。多试试就知道什么效果了哦。
数字后面的，可以用一个背景图片来代替（就是一圈一圈的大圆和四条线）；然后里面的数字可以用div绝对定位来实现，给他们加一个border就行了，然后div给它们合适的宽高，然后加一个属性border-radius:25%，外面线条就变成圆形线条了
戳我获取 完整源码
