CSS3教學-box-shadow 屬性

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

首先我們先來看一個實例：

在div 元素中加入box-shadow：

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

瀏覽器支援：

IE9+、Firefox 4、Chrome、Opera 以及S

IE9+、Firefox 4、Chrome、Opera 以及Safari 1. 。

定義和用法：

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

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

語法：

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

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

 以上就是CSS3教學-box-shadow 屬性的內容，更多相關內容請關注PHP中文網（www.php.cn）！

🎜