CSS3文本阴影、盒子阴影

CSS3文本阴影、盒子阴影

什么是文本阴影和盒子阴影？

一：文本阴影属性：text-shadow:
文本阴影属性值：比如：10px 10px 10px pink;
这里的第一个值代表的是水平方向的距离，第二个值代表垂直方向的距离，第三个值代表阴影的模糊程度，第四个值代表阴影的颜色。
注意：第一个和第二个的值是必须得写的，并且支持负值，第三个不支持负值。并且第一个值和第二个值得位置不能互换；
当给同一个文字设置多个阴影的时候，阴影和阴影之间用逗号隔开。
简单代码和效果如图：


二：盒子阴影属性：box-shadow
属性值如文本阴影一样，第一个值代表的是水平方向的距离，第二个值代表垂直方向的距离，第三个值代表阴影的模糊程度，第四个值代表阴影的颜色。
inset属性：从外层的阴影（开始时）改变阴影内侧阴影。
简单代码和效果如图：


加上inset：

~~~over >.<