CSS之盒子阴影与文字阴影

盒子阴影

语法格式：

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

值	描述
h-shadow	必需，水平阴影的位置，允许负值。（阴影在x轴上来回移动）
v-shadow	必需，垂直阴影的位置，允许负值（阴影在y轴上来回移动）
blur	可选，模糊距离（阴影模糊的程度）
spread	阴影的尺寸（阴影的大小）
color	阴影的颜色
inset	将外部阴影（outset）改为内部阴影（阴影在图片里面）

注意：1.默认的是外阴影（outset)，但是**不**可以写这个单词，否则导致阴影无效
	2.盒子阴影**不会占空间**，不会影响其他盒子排列。
	3.上面的属性都要带单位px。
	4.前两个属性必须要写，后面随便。

当盒子没有影子，但是鼠标经过就有影子

代码：
	div:hover{
	box-shadow: h-shadow v-shadow blur spread color inset
	}
	:hover（语义：鼠标一经过才显现出来）
	在这里div是存放盒子的标签

文字阴影

语法：
		text-shadow:h-shadow v-shadow blur color;

值	描述
h-shadow	必需，水平阴影的位置，允许负值。（阴影在x轴上来回移动）
v-shadow	必需，垂直阴影的位置，允许负值（阴影在y轴上来回移动）
blur	可选，模糊距离（阴影模糊的程度）
color	阴影的颜色