CSS中設(shè)置只有下面有陰影的方法

在CSS中，我們可以通過(guò)設(shè)置box-shadow屬性來(lái)實(shí)現(xiàn)只有下面有陰影的效果。box-shadow屬性可以接收四個(gè)值，分別代表陰影的偏移量、模糊度、顏色以及陰影的類(lèi)型，只有下面的陰影可以通過(guò)設(shè)置偏移量為0，模糊度為0，顏色為黑色，類(lèi)型為normal來(lái)實(shí)現(xiàn)。

我們可以給下面的HTML元素設(shè)置只有下面的陰影：

<div class="box"></div>

在CSS中設(shè)置box-shadow屬性：

.box {
  width: 200px;
  height: 200px;
  background-color: #ffffff;
  box-shadow: 0 10px 10px -10px #000000;
}

在上面的代碼中，box-shadow屬性的四個(gè)值分別代表：偏移量為0（表示陰影在元素的下方），模糊度為10px（表示陰影的模糊程度），顏色為#000000（表示陰影的顏色為黑色），類(lèi)型為normal（表示陰影的類(lèi)型為正常的投影）。

通過(guò)上面的設(shè)置，我們可以實(shí)現(xiàn)只有下面有陰影的效果，使元素看起來(lái)更加立體和美觀。