CSS3阴影(Shadows ) ) ) )。
CSS3允许您对元素应用阴影。
使用CSS3阴影
在CSS3中，可以像在Photoshop中一样，在不使用图像的情况下向元素添加阴影效果。 在CSS3之前，切片图像用于在非常棘手的元素周围创建阴影。
下一节介绍如何对文本和元素应用阴影。
css3框-阴影属性
可以使用box-shadow属性向元素的框中添加阴影。 您也可以使用逗号分隔的阴影列表来应用多个阴影效果。 用于创建盒阴影的基本语法是box-shadow : offset-xoffset-y blur-radius color；
此box-shadow属性的组件具有以下含义： offset-x —设置阴影的水平偏移。
offset-y —设置阴影的垂直偏移。
蓝光-设置模糊半径。 值越大，模糊越大，阴影边缘越模糊。 不能使用负值。
color —设置阴影的颜色。 如果省略或未指定颜色值，则使用color属性的值。
有关其他可能值的详细信息，请参见CSS3 box-shadow属性。
例如. box{
width:200px；
height:150px；
background:#ccc；
box-shadow:5px5px10px#999；
}测试一下/
注意：添加box-shadow时，如果不指定模糊半径分量值或将其设置为0 (0)，阴影的边缘将变得清晰。
同样，可以使用逗号分隔的列表添加多个阴影。
例如. box{
width:200px；
height:150px；
background:#000；
box-shadow:5px5px10pxred、10px10px20pxyellow；
}测试一下/
css3文本阴影属性
您可以使用text-shadow属性将投影效果应用于文本。 也可以使用与框阴影相同的表示法对文本应用多个阴影。
样品h1{
text-shadow:5px5px10px#666；
}
h2{
text-shadow:5px5px10pxred、10px10px20pxyellow；
}测试一下/