CSS 塊陰影是一種常見的 CSS 樣式，可以在 HTML 元素的塊級容器中添加陰影效果。這種樣式可以通過 CSS 的 `background-color` 屬性和 `box-shadow` 屬性來實現。
在 CSS 中，`background-color` 屬性用于設置陰影的顏色，而 `box-shadow` 屬性則可以設置陰影的漸變方式和半徑。下面是一個使用 `box-shadow` 屬性實現塊陰影的簡單示例：
```css
/* 設置元素的背景顏色為黑色 */
.box-shadow {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
在這個示例中，`box-shadow` 屬性設置了元素的的背景顏色為黑色，并使用了一個漸變半徑為 10px 的圓環來填充陰影。
除了漸變半徑，`box-shadow` 屬性還可以使用其他參數來設置陰影的細節。例如，可以使用 `bshadow-radius` 屬性來設置陰影的圓環半徑，使用 `cshadow-radius` 屬性來設置陰影的斜邊半徑。下面是一個使用 `bshadow-radius` 屬性實現陰影的示例：
```css
/* 設置元素的背景顏色為黑色 */
.box-shadow {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.1);
在這個示例中，`box-shadow` 屬性使用了兩個陰影參數，第一個參數設置了一個圓環陰影，第二個參數設置了一個斜邊陰影。
除了漸變和陰影參數，`box-shadow` 屬性還可以使用其他 CSS 運算符來設置陰影效果。例如，可以使用 `add` 運算符來將陰影附加到元素的樣式中，使用 `mask` 運算符來將元素的背景設置為陰影效果，使用 `box-shadow-from` 和 `box-shadow-to` 運算符來指定陰影的起點和終點。下面是一個使用 `add` 運算符實現陰影的示例：
```css
/* 設置元素的背景顏色為黑色 */
.box-shadow {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.1), 0px -5px 5px rgba(0, 0, 0, 0.1);
/* 將陰影效果添加到元素中 */
.box-shadow:before, .box-shadow:after {
content: "";
background-color: #f00;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.1), 0px -5px 5px rgba(0, 0, 0, 0.1);
在這個示例中，`:before` 和 `:after` 偽元素被添加到元素的前方和后方，它們的背景顏色為黑色，并使用了相同的陰影效果。
總之，CSS 塊陰影是一種簡單而有用的 CSS 樣式，可以使 HTML 元素的塊級容器中產生的陰影效果更加逼真。通過 `background-color` 和 `box-shadow` 屬性，可以輕松地實現這種效果。