css 剪去一个角

CSS剪切一个角的效果可以通过border-radius属性来实现。border-radius可以设置四个角的圆角半径，如果只想剪切一个角，可以将其他三个角的半径设为零。

.example {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    border-radius: 0 0 50% 0;
}

上面的代码表示剪切了左下角的圆角。其中，border-radius属性的四个参数依次代表左上角、右上角、右下角、左下角的圆角半径。

如果想要剪切其他角，只需要将对应的参数设置为非零值即可。

.example {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    border-radius: 0 50% 0 0;
}

上面的代码表示剪切了右上角的圆角。

除了border-radius属性，还可以使用clip-path属性来剪切图形的部分区域。clip-path属性可以通过指定一个SVG path路径来定义剪切区域。

.example {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    clip-path: polygon(0 0,100% 0,100% 50%,0 100%);
}

上面的代码表示剪切了左下角的三角形区域。其中，clip-path属性的参数是一个多边形的顶点坐标，通过指定不同的顶点坐标就可以得到不同的剪切效果。

总的来说，CSS提供了多种方式来剪切图形的角落或者其他部分，开发者可以根据具体需求选择合适的方式来实现。