CSS中給盒子添加陰影的方法

在CSS中，我們可以使用box-shadow屬性給盒子添加陰影。box-shadow屬性接受四個(gè)值，分別是水平偏移、垂直偏移、模糊半徑和擴(kuò)展半徑。

1、水平偏移：這是陰影在水平方向上的距離，正值將陰影向右移動(dòng)，負(fù)值將陰影向左移動(dòng)。

2、垂直偏移：這是陰影在垂直方向上的距離，正值將陰影向下移動(dòng)，負(fù)值將陰影向上移動(dòng)。

3、模糊半徑：這是陰影的模糊程度，值越大，陰影越模糊；值越小，陰影越清晰。

4、擴(kuò)展半徑：這是陰影的大小，正值將擴(kuò)大陰影的大小，負(fù)值將縮小陰影的大小。

下面是一個(gè)例子，展示如何給一個(gè)盒子添加陰影：

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

在這個(gè)例子中，我們給了一個(gè)類(lèi)名為box的盒子添加了陰影，陰影的水平偏移和垂直偏移都是10px，模糊半徑是5px，擴(kuò)展半徑是0px，顏色是黑色，透明度是0.75。

你可以根據(jù)需要調(diào)整這些值，以達(dá)到不同的陰影效果，你也可以使用其他屬性來(lái)進(jìn)一步定制你的盒子和陰影，比如border-radius、transform等。