css圆角等腰梯形 |css3 提示箭头向下滑动

div {
border-radius: 10px;
}

这个例子会将一个div元素的四个角设置成10像素的圆角。如果大家只想设置某个角的圆角半径，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius这四个属性来分别指定。

另外，还有一些较为特殊的形状，比如等腰梯形。大家可以使用CSS的transform属性来实现这个效果。比如：

div {
width: 100px;
height: 80px;
background-color: #f00;
transform: perspective(100px) rotateX(45deg);
}

这个例子会将一个100像素宽、80像素高的div元素旋转45度，并添加透视效果，从而形成一个等腰梯形。其中perspective()函数用来添加透视效果，rotateX()函数用来进行X轴方向的旋转。

以上就是CSS中实现圆角和等腰梯形的方法。需要注意的是，这些属性和函数的兼容性并不完美，有些浏览器可能不支持或支持的效果不一样。所以在实际使用中需要进行兼容性处理。