圆角 ( 值为数值 或 百分比的形式 )：　　border-radius: length;

• 让一个正方形 变成圆形    border-radius: 50%;   或者border-radius写成正方形直径的一半（精确单位px）。
• 而如果是这样的矩形的圆角：

          

　　  就不要用百分比了，因为百分比会是表示高度和宽度的一半。只需要用高度的一半（精确单位）

 

盒子阴影　　box-shadow: 水平阴影  垂直阴影  模糊距离(虚实)  阴影尺寸(影子大小)  阴影颜色  内/外阴影

值

描述

 

 

h-shadow	必需。水平阴影的位置。允许负值。
v-shadow	必需。垂直阴影的位置。允许负值。
blur	可选。模糊距离。
spread	可选。阴影的尺寸。
color	可选。阴影的颜色。参阅CSS颜色值。 rgba()用的比较多
inset	可选。将默认的外部阴影（outset）改成内部阴影。(如果用默认的外阴影，不要写outset，写了会没有阴影。）

 

 

 

 

 

 

 

 

 

 

示例：

box-shadow: 5px 5px 10px 10px #ccc inset;

可以不写阴影尺寸，不写就是默认的尺寸。

box-shadow: 0 15px 30px rgba(0, 0, 0, .3);