css3高光设置

CSS3的出现为网页制作提供了更多的样式操作，其中，高光效果在设计中被广泛使用。接下来，我们来学习如何利用CSS3实现高光效果。

/* 设置高光 */
box-shadow: 0px 0px 10px #fff; 

box-shadow属性可以设置元素的阴影效果，其中第一个参数表示阴影在水平方向上的偏移量，第二个参数表示阴影在垂直方向上的偏移量，第三个参数表示阴影的模糊度，第四个参数代表阴影的颜色。

/* 光晕效果 */
box-shadow: 0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 30px #fff; 

给box-shadow属性传递多个值可以实现光晕效果，这样多个阴影叠加在一起，形成高光效果。

/* 设置文字高光 */
text-shadow: 0px 0px 5px #fff; 

如果要为文字设置高光效果，可以使用text-shadow属性，其中第一个参数表示文字在水平方向上的偏移量，第二个参数表示文字在垂直方向上的偏移量，第三个参数表示文字的模糊度，第四个参数代表文字的颜色。

/* 多重文字高光效果 */
text-shadow: 0px 0px 5px #fff, 0px 0px 10px #fff, 0px 0px 15px #fff; 

和box-shadow类似，text-shadow也可以传递多个值实现多重高光效果。