這篇文章主要介紹了css給一個盒子加盒陰影的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
css給一個盒子加盒陰影的方法:可以利用box-shadow屬性來添加盒陰影,如【box-shadow: 10px 10px 5px #888888;】。box-shadow屬性可以設置一個或多個下拉陰影的框。
box-shadow屬性可以設置一個或多個下拉陰影的框。
語法:
box-shadow: h-shadow v-shadow blur spread color inset;
提示:
boxShadow 屬性把一個或多個下拉陰影添加到框上。該屬性是一個用逗號分隔陰影的列表,每個陰影由 2-4 個長度值、一個可選的顏色值和一個可選的 inset 關鍵字來規定。省略長度的值是 0。
屬性值:

舉例:
向 div 元素添加陰影:
div
{
box-shadow: 10px 10px 5px #888888;
}感謝你能夠認真閱讀完這篇文章,希望小編分享css給一個盒子加盒陰影的方法內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。