這篇文章主要為大家展示了“css中box-shadow屬性的功能是什么”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中box-shadow屬性的功能是什么”這篇文章吧。
成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、鳳岡網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、商城開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為鳳岡等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
CSS3 box-shadow屬性
作用:box-shadow用于向方框添加陰影
基本語法:
box-shadow:h-shadowv-shadowblurspreadcolorinset;
參數(shù):
h-shadow:水平陰影的位置。允許負(fù)值。
v-shadow:垂直陰影的位置。允許負(fù)值。
blur:模糊距離,可省略。
spread:陰影的尺寸,可省略。
color:陰影的顏色,可省略。
inset:將外部陰影(outset)改為內(nèi)部陰影,可省略。
說明:box-shadow向框添加一個(gè)或多個(gè)陰影。該屬性是由逗號(hào)分隔的陰影列表,每個(gè)陰影由2-4個(gè)長度值、可選的顏色值以及可選的inset關(guān)鍵詞來規(guī)定。省略長度的值是0。
使用示例
以上是“css中box-shadow屬性的功能是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!