CSS盒子邊框加陰影的方法

在CSS中，我們可以使用box-shadow屬性給盒子邊框添加陰影，這個屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和顏色。

1、水平偏移：這是陰影在水平方向上的距離，正值會將陰影向右移動，負值會將陰影向左移動。

2、垂直偏移：這是陰影在垂直方向上的距離，正值會將陰影向下移動，負值會將陰影向上移動。

3、模糊半徑：這是陰影的模糊程度，較大的值會產(chǎn)生更模糊的陰影，較小的值會產(chǎn)生更清晰的陰影。

4、顏色：這是陰影的顏色，可以使用任何CSS支持的顏色值。

下面是一個簡單的例子，展示如何給一個盒子添加陰影：

.box {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  box-shadow: 10px 10px 5px #888;
}

在這個例子中，.box類定義了一個盒子的寬度、高度和邊框樣式，然后使用box-shadow屬性添加了陰影，這個陰影會在水平方向上向右移動10px，在垂直方向上向下移動10px，模糊半徑為5px，顏色為#888。

你可以根據(jù)需要調(diào)整這些值，以達到不同的效果，如果你想要更清晰的陰影，可以減小模糊半徑的值；如果你想要改變陰影的顏色，可以調(diào)整顏色值。