CSS中可以使用box-shadow
屬性給div添加陰影,該屬性接受四個(gè)值,分別表示陰影的偏移量、模糊半徑、顏色以及陰影類(lèi)型,下面是一個(gè)簡(jiǎn)單的例子:
div { box-shadow: 10px 10px 5px #000; }
在這個(gè)例子中,10px 10px
表示陰影的偏移量,即陰影距離元素邊緣的水平距離和垂直距離;5px
表示陰影的模糊半徑,即陰影的擴(kuò)散范圍;#000
表示陰影的顏色,這里使用黑色。
除了上述例子中的基本用法,box-shadow
屬性還有很多***用法,比如可以添加多個(gè)陰影,或者改變陰影的顏色和透明度等,這些***用法可以根據(jù)具體需求進(jìn)行使用。
需要注意的是,box-shadow
屬性在IE瀏覽器中不被支持,因此在IE瀏覽器中使用該屬性可能會(huì)遇到問(wèn)題,如果需要兼容IE瀏覽器,可以考慮使用其他方法來(lái)實(shí)現(xiàn)div的陰影效果,或者在使用box-shadow
屬性的同時(shí)使用一些回退方案來(lái)確保兼容性。