如何使用css3为html元素添加阴影

可以使用CSS3的box-shadow属性为HTML元素添加阴影效果。方法如下：

1. 选择要添加阴影的元素，并设置其CSS属性为阴影色、偏移量、模糊半径和阴影的扩展半径。

.shadow {
  box-shadow: #333 3px 3px 10px 0px;
}

2. 在上面的代码中，#333是代表阴影颜色的十六进制代码，3px和3px是偏移量（x和y轴），10px是模糊半径，0px是阴影的扩展半径。

3. 可以通过float、position等CSS属性将阴影放置在所需位置。例如，要将阴影放置在图像的右侧，可以将图片使用float属性靠左对齐，然后将阴影放置到右侧。

.image {
  float: left;
}
.shadow {
  float: right;
  box-shadow: #333 3px 3px 10px 0px;
}

4. 如果需要添加多重阴影效果，可以通过使用逗号分隔多个box-shadow属性来实现。

.shadow {
  box-shadow: #333 3px 3px 10px 0px, #999 5px 5px 5px 0px;
}

在上面的代码中，使用逗号分隔了两个box-shadow属性，分别代表了两个不同的阴影效果。

补充说明：

1. box-shadow属性可以分别设置水平偏移量、垂直偏移量、模糊半径、阴影扩散半径和阴影颜色，它们的顺序也必须如此。

2. 可以省略box-shadow属性的最后一个参数，这样阴影效果将会使用默认的阴影颜色（黑色）。

3. 可以使用inset关键字来设置内阴影效果，例如：box-shadow: inset #333 3px 3px 10px 0px;