CSS中的圓圈交點

Question

我需要在HTML中做一個圓和位於此圓上的另一個圓的一部分。這裏是一個例子：

我需要做綠色和黃色區域。沒有紅色區域。請告訴我，我該怎麼做。我可以用邊界半徑屬性和帶有剪輯路徑屬性的黃色區域來做綠色區域，還是有更好的方法？

Answer 1

據我瞭解，你需要這樣的東西。 Js fiddle

<div class="circle circle-green"> 
    <div class="circle circle-red"></div> 
</div> 

.circle{ 
    width:250px; 
    height:250px; 
    border-radius:50%; 
} 
.circle-green{ 
    background:green; 
    overflow:hidden; 
    position:relative; 
} 
.circle-red{ 
    background:red; 
    right:-60%; 
    position:absolute; 

}