CSS3教程-box-shadow 屬性

Hello！前端開發的小夥伴們，看完CSS3教程-邊框的第1種屬性，是不是很期待它的第二種box-shadow 屬性呢？大家不要著急，前端開發網會給大家一一介紹的。

首先我們先來看一個執行個體：

向 div 元素添加 box-shadow：

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

瀏覽器支援：

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

定義和用法：

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

提示：請使用 border-image-* 屬性來構造漂亮的可伸縮按鈕！

文法：

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

注釋：box-shadow 向框添加一個或多個陰影。該屬性是由逗號分隔的陰影列表，每個陰影由 2-4 個長度值、可選的顏色值以及可選的 inset 關鍵詞來規定。省略長度的值是 0。

以上就是CSS3教程-box-shadow 屬性的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！

