在CSS中,可以使用box-shadow
屬性為圖片添加陰影。box-shadow
屬性接受四個(gè)值,分別代表陰影的偏移量(horizontal and vertical shadows)、模糊度(blur radius)以及顏色(color)。
要為圖片添加向右偏移10px、向下偏移5px、模糊度為5px、顏色為灰色的陰影,可以使用以下CSS代碼:
img { box-shadow: 10px 5px 5px gray; }
10px
表示向右偏移10像素,5px
表示向下偏移5像素,5px
表示模糊度為5像素,gray
表示顏色為灰色。
如果想要調(diào)整陰影的顏色,可以使用不同的顏色值,要將陰影顏色調(diào)整為藍(lán)色,可以將gray
替換為blue
:
img { box-shadow: 10px 5px 5px blue; }
還可以通過調(diào)整偏移量、模糊度和顏色等參數(shù),實(shí)現(xiàn)不同的陰影效果,如果需要更詳細(xì)的信息,可以參考CSS文檔中關(guān)于box-shadow
屬性的說明。