css圆切成4等分做边角效果，丿的弧形效果、半月等效果。
要使用CSS创建一个由四个等分圆弧拼接成的边角效果，可以使用border-radius属性。以下是实现这种效果的CSS代码示例：
.box {
width: 100px;
height: 100px;
background-color: #3498db;
position: relative;
overflow: hidden;
}
.box:before,
.box:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: inherit;
border-top-left-radius: 100%;
border-bottom-left-radius: 100%;
}
.box:after {
left: 50%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
}HTML结构：
<div class="box"></div>这段代码创建了一个类名为.box的容器，它有一个背景色，并且通过:before和:after伪元素实现了由四个圆弧等分拼接成的边角效果。这种方法适用于创建边角为弧形的容器，如半月形、圆形切割等效果。
评论已关闭