H5C3基础学习总结之CSS3盒子阴影

CSS3中新增了盒子阴影，我们可以使用box-shadow属性为盒子添加阴影。

语法：

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

值	描述
h-shadow	必须。水平阴影的位置。允许负值。
v-shadow	必须。锤子阴影的位置。允许负值。
blur	可选。模糊距离。
spread	可选。阴影的尺寸。
color	可选。阴影的颜色。
inset	可选。将外部阴影（outset）修改为内部阴影

注意细节：

1. 默认的是外阴影（outset）。但是不可以写这个单词，否则会导致阴影无效。
2. 盒子阴影不占用空间，不会影响其他盒子排列。

代码示例：

结果：