CSS画一个渐变色圈圈

想要这个样子的圈圈：

/* position: absolute;
top: 3px;
left: -7px;
content: "";
display: inline-block; // 只要是能设置高宽的元素都可  */
width: 10px;
height: 10px;
border: 2px solid transparent;
border-radius: 16px;
background-clip: padding-box, border-box;
-webkit-background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
-webkit-background-origin: padding-box, border-box;
background-image: linear-gradient(#fff, #fff), linear-gradient(142deg, #f79054 0%, #ed572a 100%);

这是一个兼容性很好的方法，值得采用！！！PC端和移动端都能兼容，IE9+也是可以的哈。