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

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

以下是一個示例，展示如何為盒子添加兩邊陰影：

.box {
  width: 200px;
  height: 200px;
  background-color: #ffffff;
  box-shadow: 10px 0px 10px 0px #000000; /* 右側(cè)陰影 */
}

在上面的示例中，box類定義的盒子將有一個向右的陰影。box-shadow屬性的***個值10px表示陰影的水平偏移量，第二個值0px表示陰影的垂直偏移量，第三個值10px表示陰影的模糊半徑，第四個值#000000表示陰影的顏色。

如果你想在盒子的左側(cè)添加陰影，你可以將水平偏移量設(shè)置為負值：

.box {
  width: 200px;
  height: 200px;
  background-color: #ffffff;
  box-shadow: -10px 0px 10px 0px #000000; /* 左側(cè)陰影 */
}

這樣，盒子將有一個向左的陰影，你可以根據(jù)需要調(diào)整陰影的大小、模糊程度和顏色。