這篇文章主要介紹了在css3中box-shadow怎么應(yīng)用的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇在css3中box-shadow怎么應(yīng)用文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：空間域名、網(wǎng)頁(yè)空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、應(yīng)縣網(wǎng)站維護(hù)、網(wǎng)站推廣。

在css3中，“box-shadow”的意思為“盒子陰影”，是一個(gè)為元素添加邊框陰影的新增屬性；該屬性可以向框添加一個(gè)或多個(gè)陰影，語(yǔ)法“box-shadow: 水平陰影 垂直陰影 模糊距離 尺寸 顏色 inset;”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在css3中，“box-shadow”的意思為“盒子陰影”，是一個(gè)為元素添加邊框陰影的新增屬性。

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

注釋：使用 border-image-* 屬性來(lái)構(gòu)造漂亮的可伸縮按鈕！

語(yǔ)法：

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。

• h-shadow 必需。水平陰影的位置。允許負(fù)值。

• v-shadow 必需。垂直陰影的位置。允許負(fù)值。

• blur 可選。模糊距離。

• spread 可選。陰影的尺寸。

• color 可選。陰影的顏色。請(qǐng)參閱 CSS 顏色值。

• inset 可選。將外部陰影 (outset)改為內(nèi)部陰影。

以下是我給大家做的幾個(gè)小測(cè)試：

運(yùn)行結(jié)果：

其中我們還演練了如何創(chuàng)建"polaroid"的照片和旋轉(zhuǎn)圖片。例如：

 






The pulpit rock in Lysefjorden, Norway.