阴影效果

盒子阴影

使用box-shadow属性为盒子添加阴影。

div{
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,.3);
	/*透明度30%*/
}

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

文字阴影

使用text-shadow来设置。