background-clip: content-box;的位置会影响效果

Question

各位大神为什么这个background-clip的书写位置会影响最终的显示效果呢，如果我放在第一行就全黑了

.circle-icon {
			/*background-clip: content-box;*/
		    width: 100px;
		    height: 100px;
		    box-sizing: content-box;
		    border: 20px solid black;
		    padding: 13px;
		    background: black;
		    border-radius: 50%;
		    background-clip: content-box;
		}