效果：
<div class="circle"></div>
.circle { width: 206px; height: 206px; border-radius: 50%; background: linear-gradient(0deg, #36A5ED 0%, #6EEE96 100%); -webkit-mask: radial-gradient(transparent, transparent 97px, #000 97px); mask: radial-gradient(transparent 97px, #000 97px); }
更改圆环大小， mask属性内的数值也要更改
参考：https://blog.csdn.net/qq_40864647/article/details/123737006
标签：gradient,渐变色,mask,97px,transparent,css,圆环 From： https://www.cnblogs.com/xueping0708/p/16951484.html