您好,登錄后才能下訂單哦!
本篇文章給大家分享的是有關css中如何使用box-shadow方法,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
說明
1、box-shadow支持逗號分隔語法,可以創建任意數量的投影。當一個正值的擴展半徑加上兩個零偏差和零模糊值時,得到的投影就像一個實線框。
2、投影不會影響布局,也可以說投影不會占據真實位置,投影不會響應鼠標事件。如果想投影,也可以響應事件,可以設置內陰影,即box-shadow屬性和inset關鍵詞產生內陰影,此時需要增加額外的內邊距來放置內陰影。
實例
background: yellowgreen; box-shadow: 0 0 0 10px #655, 0 0 0 15px deeppink, 0 2px 5px 15px rgba(0,0,0,.6);
以上就是css中如何使用box-shadow方法,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。