css3加阴影代码(css3中设置阴影的属性是)

CSS3中设置阴影的属性是box-shadow。box-shadow属性可以用来给元素添加阴影效果，可以设置阴影的颜色、大小、模糊度和偏移量等。

示例代码如下：

.box {
    width: 200px;
    height: 200px;
    background-color: #ccc;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

在上面的示例代码中，我们给一个宽高为200px的盒子添加了阴影效果。box-shadow属性的值由四个参数组成，分别是水平偏移量、垂直偏移量、模糊半径和阴影颜色。

- 水平偏移量：指阴影相对于元素水平方向的偏移量，可以为正值（向右偏移）或负值（向左偏移）。

- 垂直偏移量：指阴影相对于元素垂直方向的偏移量，可以为正值（向下偏移）或负值（向上偏移）。

- 模糊半径：指阴影的模糊程度，值越大，阴影越模糊，可以为0。

- 阴影颜色：指阴影的颜色，可以使用颜色名称、十六进制值或RGBA值。

除了上述基本属性外，box-shadow还支持更多的参数设置，如多个阴影效果的叠加、内阴影效果等。可以通过逗号分隔多个阴影效果来实现。

示例代码如下：

.box {
    width: 200px;
    height: 200px;
    background-color: #ccc;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), -2px -2px 5px rgba(255, 0, 0, 0.5) inset;
}

在上面的示例代码中，我们给盒子同时添加了一个外阴影和一个内阴影效果。通过在阴影参数后添加inset关键字，可以将阴影效果设置为内阴影。

CSS3中的box-shadow属性为我们提供了丰富的阴影效果设置，可以通过调整参数值来实现不同的阴影效果，为网页增添了更多的视觉层次感和立体感。结合其他CSS属性如边框、背景等，可以创造出更加丰富多样的页面效果。