CSSのサークルサークル交差

Question

このサークルにある別のサークルの一部とHTMLでサークルを行う必要があります。ここに例があります：

私は緑と黄色の領域をする必要があります。赤い領域なし。どうすればいいのか教えてください。 border-radiusプロパティを持つ緑色の領域とclip-pathプロパティを持つ黄色の領域を使うことができますか、それとも良い方法がありますか？

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; 

}