本篇文章給大家分享的是有關(guān)box-shadow屬性如何在CSS3中使用,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
CSS Code復(fù)制內(nèi)容到剪貼板
E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}
即:
對(duì)象選擇器 {box-shadow:投影方式 X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴(kuò)展半徑 陰影顏色}
inset 投影方式
此參數(shù)是一個(gè)可選值,如果不設(shè)值,其默認(rèn)的投影方式是外陰影;如果取其值“inset”, 其投影就是內(nèi)陰影;
x-offset
水平方向的偏移量;
y-offset
垂直方向的偏移量;
blur-radius模糊半徑
可選,只能為整數(shù),值越大陰影就越模糊;
spead-radius擴(kuò)展半徑
可選,可以為正數(shù)或者負(fù)數(shù),如果為負(fù)數(shù),整個(gè)陰影將會(huì)縮小;
color陰影顏色
可選,如果不設(shè)定值,瀏覽器將會(huì)采用其默認(rèn)色,默認(rèn)色一般是黑色。
以上就是box-shadow屬性如何在CSS3中使用,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
標(biāo)題名稱:box-shadow屬性如何在CSS3中使用-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址:http://aaarwkj.com/article46/pjhhg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、域名注冊(cè)、企業(yè)建站、網(wǎng)站收錄、App設(shè)計(jì)、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容