這篇文章主要介紹“html如何設(shè)置div陰影”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“html如何設(shè)置div陰影”文章能幫助大家解決問題。

10余年的友誼網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整友誼建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“友誼網(wǎng)站設(shè)計”,“友誼網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

示例代碼：

div{
position: absolute;
left: 300px;
top: 300px;
width: 300px;
height: 300px;
box-shadow: 0px 0px 100px 10PX black;
border: 1px solid black;
}

效果如下：

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

語法：

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

屬性值：

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

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

• blur 可選。模糊距離。

• spread 可選。陰影的尺寸。

• color 可選。陰影的顏色。

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

關(guān)于“html如何設(shè)置div陰影”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。