纯css实现一个半圆

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

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