CSS3圆角书桌图片 |layer 找不到css

.desk {
border-radius: 20px;
overflow: hidden;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

在上面的例子中，大家为图片添加了一个类名为”desk”的框架。这个框架用到了三个主要属性：

• border-radius：会使元素具有圆角
• overflow：如果加上了border-radius就必须添加这个属性，否则圆角效果不生效
• box-shadow：可以向元素添加阴影效果，让元素看上去更加立体和生动

需要注意的是，这里的border-radius属性其实是可以有两个或者四个值的，这样可以分别指定每个圆角的大小。例如：

.box {
border-radius: 20px 50px 30px 40px;
}

这个例子中，大家为.box类添加了四个值，分别代表左上、右上、右下、左下四个角的圆角大小。这样就有助于大家精细地控制各个角的大小，让元素的美观度得到大大提升。

总体来说，CSS3圆角是一种非常有用的技术，可以让大家的设计更加美观，视觉效果更加柔和。在实际应用当中，不仅可以用在图片上，也可以用在按钮、面板等各种元素边框上，是一个非常重要的技能。