小編給大家分享一下css3中box-shadow屬性有什么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶,將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴,公司提供的服務(wù)項(xiàng)目有:域名注冊(cè)、虛擬主機(jī)、營(yíng)銷軟件、網(wǎng)站建設(shè)、楚雄州網(wǎng)站維護(hù)、網(wǎng)站推廣。
box-shadow是CSS3中的一個(gè)屬性,是用于向方框添加一個(gè)或多個(gè)陰影,并設(shè)置陰影位置、尺寸、顏色等。
CSS3 box-shadow屬性
作用:box-shadow 用于向方框添加陰影
基本語(yǔ)法:
box-shadow: h-shadow v-shadow blur spread color inset;
參數(shù):
h-shadow:水平陰影的位置。允許負(fù)值。
v-shadow : 垂直陰影的位置。允許負(fù)值。
blur:模糊距離,可省略。
spread:陰影的尺寸,可省略。
color :陰影的顏色,可省略。
inset:將外部陰影 (outset) 改為內(nèi)部陰影,可省略。
說(shuō)明:box-shadow 向框添加一個(gè)或多個(gè)陰影。該屬性是由逗號(hào)分隔的陰影列表,每個(gè)陰影由 2-4 個(gè)長(zhǎng)度值、可選的顏色值以及可選的 inset 關(guān)鍵詞來(lái)規(guī)定。省略長(zhǎng)度的值是 0。
css3 box-shadow屬性使用示例
效果圖:
以上是“css3中box-shadow屬性有什么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!