溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css給一個盒子加盒陰影的方法

發布時間:2020-11-16 10:57:56 來源:億速云 閱讀:652 作者:小新 欄目:web開發

這篇文章主要介紹了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。

屬性值:

css給一個盒子加盒陰影的方法

舉例:

向 div 元素添加陰影:

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

感謝你能夠認真閱讀完這篇文章,希望小編分享css給一個盒子加盒陰影的方法內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女