本篇內(nèi)容介紹了“css3給盒子設(shè)置陰影的屬性是哪個”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

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

css3給盒子設(shè)置陰影的屬性是“box-shadow”。該屬性用于實現(xiàn)邊框陰影效果，將陰影應(yīng)用于盒子元素，語法“box-shadow:水平陰影 垂直陰影 模糊半徑 擴展半徑 陰影顏色 投影方式”；若投影方式設(shè)為“inset”可實現(xiàn)內(nèi)側(cè)陰影。

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

css3給盒子設(shè)置陰影的屬性是“box-shadow”。

box-shadow屬性--實現(xiàn)邊框陰影效果

box-shadow屬性可以將陰影應(yīng)用于文本框，可設(shè)置中陰影的像素長度，寬度和模糊的距離以及陰影的顏色。

box-shadow可以為盒子元素添加陰影，支持添加一個或者多個。

box-shadow: X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴展半徑 陰影顏色 投影方式;

注意：boxShadow 屬性把一個或多個下拉陰影添加到框上。該屬性是一個用逗號分隔陰影的列表，每個陰影由 2-4 個長度值、一個可選的顏色值和一個可選的 inset 關(guān)鍵字來規(guī)定。省略長度的值是 0。

注意：inset 可以寫在參數(shù)的第一個或最后一個，其它位置是無效的。

• X軸偏移量和Y軸偏移量值（水平陰影和垂直陰影）

  X軸偏移量和Y軸偏移量值可以設(shè)置為負數(shù)

• 陰影模糊半徑：

  此參數(shù)可選，值只能是為正值，如果值為0時，表示陰影不具有模糊效果，值越大陰影的邊緣就越模糊。

• 陰影擴展半徑：

  此參數(shù)可選，值可以是正負值，如果值為正數(shù)，整個陰影都延展擴大，反之值為負值時，則縮小。

示例