閱讀(37.2k) 書簽贊(4) 我要糾錯(cuò)

CSS3 box-shadow 屬性

2022-06-02 15:24 更新

實(shí)例

向 div 元素添加 box-shadow：

div
{
box-shadow: 10px 10px 5px #888888;
}

頁(yè)面底部有更多實(shí)例。

屬性
border-image	10.0 -webkit-	9.0.0	4.0 (2.0)[3] 3.5(1.9.1) -moz	5.1[1] 3.0 -webkit	10.5[1] -o-

IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 屬性。

box-shadow 屬性向框添加一個(gè)或多個(gè)陰影。

提示：請(qǐng)使用 border-image-* 屬性來(lái)構(gòu)造漂亮的可伸縮按鈕！

默認(rèn)值：	none
繼承性：	no
版本：	CSS3
JavaScript 語(yǔ)法：	object.style.boxShadow="10px 10px 5px #888888"

box-shadow: h-shadow v-shadow blur spread color inset;

注釋：box-shadow 向框添加一個(gè)或多個(gè)陰影。該屬性是由逗號(hào)分隔的陰影列表，每個(gè)陰影由 2-4 個(gè)長(zhǎng)度值、可選的顏色值以及可選的 inset 關(guān)鍵詞來(lái)規(guī)定。省略長(zhǎng)度的值是 0。