.rounded {border-radius: 10px;}如果需要设置不同大小的圆角，例如左上角和右下角是10像素，而右上角和左下角是20像素，可以这样写：.rounded {border-radius: 10px 20px;}其中第一个值指定了左上和右下的圆角大小，第二个值指定了右上和左下的圆角大小。除了border-radius之外，还可以使用box-shadow属性设置阴影效果，增强圆角矩形的立体感。例如，下面的代码会在圆角矩形上添加一个模糊的黑色阴影：.rounded {border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}其中，第一个值指定了阴影的水平偏移量，第二个值指定了垂直偏移量，第三个值指定了阴影的模糊范围，最后一个值指定了阴影的透明度。与圆角矩形相比，方形边框略显呆板。利用CSS让你的网页元素更加生动有趣，希望这篇文章能对你有所启发。上一篇：css圆环加载进度轮播
下一篇：ajax同步和异步怎么写
