css倒角样式 |长方形图片用css做成菱形

CSS倒角样式可以使用border-radius属性来设置。这个属性可以接受一个或多个值，以像素、百分比或em作为单位。同时，还可以使用四个方向的前缀，比如border-top-left-radius、border-bottom-right-radius等来分别设置每个角落的圆角大小。

/* 设置所有角落的半径 */
.box {
border-radius: 10px;
}
/* 设置左上和右下角落的半径 */
.box {
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}

除了可以设置方形元素的圆角之外，CSS倒角样式还可以用在其他元素上，比如图片、按钮等。CSS倒角样式是一种十分实用的CSS样式，学习了这个样式之后，可以让网页看起来更加优美，也可以让用户感到更加舒适。