消息关闭
    暂无新消息!

一个半圆如何裁掉某一部分

问题作者 : 橙色猫2017-07-19发布

例如这个图,一个透明的半圆,再扣出来一个半圆,如何实现


5个回答

︿ 2
    div{
        width: 50px;
        height: 25px;
        border-width: 25px 25px 0 25px;
        border-color: blue;
        border-style: solid;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        }
︿ 1
    <div id="container">
        <div id="circle"></div>
    </div>
        #container{
            width: 200px;
            height: 90px;
            overflow: hidden;
        }
        #circle {
            width: 100px;
            height: 100px;
            border-radius: 50%;
             -webkit-border-radius: 50%;
            -moz-border-radius: 50%; 
            border: 40px red solid;
        }