純css實現一個半圓

<div class="semiCircle"></div>

.semiCircle{
    width:25px;
    height:50px;
    background:red;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;    
}