使用css3设置阴影方法

使用css3设置阴影方法

我们在做网页编写的时候，可能会遇到有的版块具有阴影的显示效果，今天小编就来说说css3如何实现层的阴影效果。

首先我们需要一个html网页，代码如下所示。

新建一个需要设置阴影的图层，将其类选择器设置成“yy”。

将图层样式设置成：宽500像素，高300像素，边框为1像素且颜色为黑色的细线，并让其页面居中。

图层初始效果如下。

接下来就是设置阴影了，通过“box-shadow: 3px 3px 2px #ccc;”来设置图层阴影，参数说明，分别对应，垂直偏移，水平偏移，阴影宽度和阴影颜色。

这样我们就用css3设置好了图层阴影，你学会了？快去试试吧！