在CSS中,我們可以使用box-shadow
屬性給邊框添加陰影效果。box-shadow
屬性接受四個(gè)值,分別代表陰影的水平偏移、垂直偏移、模糊半徑和顏色,下面是一個(gè)簡單的示例:
div { width: 200px; height: 200px; border: 1px solid #000; box-shadow: 10px 10px 5px #333; }
在這個(gè)示例中,box-shadow
屬性給div元素的邊框添加了一個(gè)陰影,陰影的水平偏移和垂直偏移都是10px,這意味著陰影會(huì)向右和向下移動(dòng)10像素,模糊半徑是5px,這意味著陰影的邊緣會(huì)有5像素的模糊效果,顏色是#333,這是一種深灰色。
你可以根據(jù)自己的需求調(diào)整這些值,以達(dá)到不同的陰影效果,你也可以使用不同的顏色來增強(qiáng)或減弱陰影的明顯程度,如果你想要更復(fù)雜的陰影效果,可以使用多個(gè)box-shadow
屬性來疊加不同的陰影。