css - 使用CSS3在框中绘制右 flex 的边框

如何使用CSS3在此图中在框内绘制右边框？

最佳答案

一种可能的解决方案是

#curve{
    margin:0 auto;
    position:relative;
    width:50px;
    height:50px;
    border-top:1px solid red;
    border-right:1px solid red;
    border-top-right-radius:50px;
    float:left;
    margin-left:50px;
}

#curve:after{
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    border-bottom-left-radius: 50px;
    left: 50px;
    top: 50px;
}

<div id="curve"></div>

关于css - 使用CSS3在框中绘制右 flex 的边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45474997/