CSS如何為盒子添加四邊陰影

在CSS中，可以使用box-shadow屬性為盒子添加四邊陰影。box-shadow屬性接受四個值，分別代表陰影的偏移量、模糊度、顏色以及陰影的類型，下面是一個示例，展示如何為盒子添加四邊陰影：

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

在這個示例中，.box類定義了一個寬度和高度都為200像素的盒子，背景顏色為白色。box-shadow屬性添加了四邊陰影，偏移量為10像素，模糊度為10像素，顏色為黑色，并且設(shè)置了透明度為0.5。

你可以根據(jù)需要調(diào)整這些值，以改變陰影的樣式和效果，如果你想要更模糊的陰影，可以增加模糊度的值；如果你想要更深的陰影，可以增加偏移量的值。

box-shadow屬性還支持多種類型，例如內(nèi)陰影和外陰影，內(nèi)陰影的語法是在顏色之前加上inset關(guān)鍵字，而外陰影的語法是在顏色之前加上outset關(guān)鍵字，這些類型可以為你的設(shè)計添加更多的樣式和效果。

使用CSS的box-shadow屬性可以為盒子添加四邊陰影，讓你的設(shè)計更加美觀和富有創(chuàng)意。