深扒那些艺术的CSS (2)

也可以设置2个值（分别对应左上与右下、右上与左下，其其长轴=短轴=对应值）：

border-radius: 20px 60px ;

也可以分别设置4个值（分别对应左上、右上、右下、左下的圆角，其长轴=短轴=对应值）：

border-radius: 20px 40px 60px 80px ;

综上所诉，你还可以这样写：

border-radius: 20px 80px / 50%; border-radius: 20px 40px 60px 80px / 50%; border-radius: 20px 40px 60px 80px / 50% 10% 20% 30%; 3.box-shadow

box-shadow以多个逗号分隔的列表来描述一个或多个阴影，阴影和原元素的形状相同，位置、大小、颜色、模糊可以不同。

box-shadow: h-shadow v-shadow blur spread color inset , ... ;

值 说明
h-shadow   必需的。水平阴影的相对位置。允许负值  
v-shadow   必需的。垂直阴影的相对位置。允许负值  
blur   可选。模糊距离  
spread   可选。阴影的相对大小  
color   可选。阴影的颜色，默认黑色  
inset   可选。从外层的阴影（开始时）改变阴影内侧阴影  

阴影们按列表顺序渲染，后面的阴影被前面的阴影遮挡覆盖