CSS下邊框加陰影的方法

在CSS中，我們可以使用box-shadow屬性給下邊框添加陰影，這個(gè)屬性接受四個(gè)值，分別是水平陰影、垂直陰影、模糊距離和擴(kuò)展距離，我們可以通過調(diào)整這些值來創(chuàng)造出不同的陰影效果。

如果我們想要給下邊框添加一個(gè)簡單的陰影，可以這樣做：

div {
  box-shadow: 0px 10px 10px -10px;
}

在這個(gè)例子中，0px表示水平陰影距離為0，10px表示垂直陰影距離為10像素，10px表示模糊距離為10像素，-10px表示擴(kuò)展距離為-10像素，這樣，我們就可以創(chuàng)建一個(gè)簡單的下邊框陰影效果。

我們還可以調(diào)整這些值來創(chuàng)造出不同的效果，如果我們想要讓陰影更加模糊一些，可以增大模糊距離的值：

div {
  box-shadow: 0px 10px 20px -10px;
}

在這個(gè)例子中，模糊距離被設(shè)置為20像素，這樣陰影就會更加模糊一些。

除了box-shadow屬性外，CSS還提供了其他與陰影相關(guān)的屬性，如text-shadow和filter等，這些屬性可以用來給文本或元素添加更復(fù)雜的陰影效果，但是需要注意的是，這些屬性的兼容性和性能可能不如box-shadow好，因此在使用時(shí)需要謹(jǐn)慎一些。