css圆取四分之一 |div css图片特效代码

div {
width: 100px;
height: 100px;
border-radius: 50% 0 0 0;
overflow: hidden;
}

以上代码中，大家设置了一个div元素的宽高都为100px。通过border-radius属性，大家将其四个角的半径设置为50%，即变成了一个圆形。而大家只希望展示圆的左上角四分之一，因此将其他三个角的半径设置为0。

然后使用overflow属性来剪切多余的部分，即将圆形右下角多余的部分裁掉，达到了圆取四分之一的效果。