慕课网CSS工作应用+面试（4）CSS效果

1.box-shadow

box-shadow（阴影）
text-shadow（文字阴影）
border-radius（圆角边框）
clip-path（可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。）

box-shadow：

box-shadow: h-shadow v-shadow blur spread color inset;
box-shadow: 10px 10px 25px 20px #888888;

h-shadow:必需的。水平阴影的位置。允许负值
v-shadow:必需的。垂直阴影的位置。允许负值
blur:可选。模糊距离
spread:可选。阴影的大小
color:可选。阴影的颜色。

2.text-shadow

text-shadow:立体感、印刷的品质感、

text-shadow: h-shadow v-shadow blur color;
text-shadow: 5px 5px 5px #FF0000;

h-shadow:必需。水平阴影的位置。允许负值。
v-shadow:必需。垂直阴影的位置。允许负值。
blur:可选。模糊的距离。
color:可选。阴影的颜色。

3.border-radius

border-raduis:圆角矩形、圆形、半圆/扇形、一些奇怪的角角

border-radius：圆角的边框

每个半径的四个值的顺序是：左上角，右上角，右下角，左下角。

border-ra