實例
div
{
box-shadow: 10px 10px 5px #888888; //h-shadow v-shadow blur color
}
定義和用法
box-shadow 屬性向框添加一個或多個陰影。
提示:請使用 border-image-* 屬性來構造漂亮的可伸縮按鈕!
. | . |
---|---|
默認值 | none |
繼承性 | no |
版本 | CSS3 |
JavaScript 語法 | object.style.boxShadow=”10px 10px 5px #888888” |
語法
box-shadow: h-shadow v-shadow blur spread color inset;
註釋: box-shadow 向框添加一個或多個陰影。該屬性是由逗號分隔的陰影列表,每個陰影由 2-4 個長度值、可選的顏色值以及可選的 inset 關鍵詞來規定。省略長度的值是 0。
值 | 描述 |
---|---|
h-shadow | 必需。水平陰影的位置。允許負值。 |
v-shadow | 必需。垂直陰影的位置。允許負值。 |
blur | 可選。模糊距離。 |
spread | 可選。陰影的尺寸。 |
color | 可選。陰影的顏色。請參閱 CSS 顏色值。 |
inset | 可選。將外部陰影 (outset) 改爲內部陰影。 |
參考文獻: http://www.w3school.com.cn/cssref/pr_box-shadow.asp