首頁 > web前端 > css教學 > css box-shadow屬性怎麼用

css box-shadow屬性怎麼用

silencement
發布: 2019-05-28 09:11:56
原創
2796 人瀏覽過

css box-shadow屬性怎麼用

css box-shadow屬性定義和用法

#box-shadow 屬性向框添加一個或多個陰影。

提示:請使用 border-image-* 屬性來建構漂亮的可伸縮按鈕!

css box-shadow屬性怎麼用

語法

box-shadow: h-shadow v-shadow blur spread color inset;
登入後複製

#實例

向div 元素新增box-shadow:

div
{
box-shadow: 10px 10px 5px #888888;
}
登入後複製

註解:box-shadow 為框添加一個或多個陰影。此屬性是由逗號分隔的陰影列表,每個陰影由 2-4 個長度值、可選的顏色值以及可選的 inset 關鍵字來規定。省略長度的值是 0。

css box-shadow屬性怎麼用

以上是css box-shadow屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板