在CSS中,我們可以使用box-shadow
屬性來設(shè)置邊框陰影。box-shadow
屬性接受四個值,分別是水平偏移、垂直偏移、模糊半徑和擴(kuò)展半徑,這四個值可以通過逗號隔開,也可以通過/
來分組。
我們可以設(shè)置一個向右偏移20像素、向下偏移10像素、模糊半徑為5像素、擴(kuò)展半徑為10像素的邊框陰影,代碼如下:
box-shadow: 20px 10px 5px 10px;
水平偏移和垂直偏移的單位可以是像素(px
)、百分比(%
)或者em等長度單位,模糊半徑和擴(kuò)展半徑的單位只能是像素(px
)。
我們還可以設(shè)置邊框陰影的顏色,在box-shadow
屬性的***后,我們可以添加color
關(guān)鍵字,并跟上顏色值,我們可以設(shè)置一個紅色的邊框陰影:
box-shadow: 20px 10px 5px 10px red;
這樣,我們就可以在CSS中設(shè)置邊框陰影了。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。