巧妙利用border和background-clip
<div class="eye"></div> .eye{ 150px; height:150px; padding:10px; border:10px solid; border-radius:50%; background-color: currentcolor; background-clip: content-box; }
<div class="eye"></div> .eye{ 150px; height:150px; padding:10px; border:10px solid; border-radius:50%; background-color: currentcolor; background-clip: content-box; }