如何用CSS為div添加陰影？

在CSS中，可以使用box-shadow屬性為div添加陰影。box-shadow屬性接受四個(gè)值，分別是水平偏移、垂直偏移、模糊半徑和擴(kuò)展半徑，這四個(gè)值可以通過逗號(hào)隔開，也可以省略其中的一些值。

以下代碼可以為div添加一個(gè)簡(jiǎn)單的陰影：

div {
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

在這個(gè)例子中，水平偏移和垂直偏移都是10像素，模糊半徑是5像素，擴(kuò)展半徑是0像素，顏色為黑色，透明度為0.75，可以根據(jù)需要調(diào)整這些值，以達(dá)到不同的陰影效果。

也可以將box-shadow屬性的值分開寫，每個(gè)值對(duì)應(yīng)一個(gè)陰影效果。

div {
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75),
             -5px -5px 5px 0px rgba(0, 0, 0, 0.75);
}

這段代碼將為div添加兩個(gè)對(duì)稱的陰影效果，***個(gè)陰影的水平偏移和垂直偏移都是10像素，第二個(gè)陰影的水平偏移和垂直偏移都是-5像素，其他參數(shù)與***個(gè)陰影相同。

除了box-shadow屬性外，CSS還提供了其他與陰影相關(guān)的屬性，如text-shadow和filter，這些屬性可以實(shí)現(xiàn)更豐富的陰影效果，具體使用方法可以參考CSS文檔或相關(guān)教程。