CSS3中,可以使用box-shadow
屬性來設(shè)置元素的陰影效果,要單獨(dú)設(shè)置左右陰影,可以通過調(diào)整box-shadow
屬性中的水平偏移量(h-shadow
)來實(shí)現(xiàn),以下是一個(gè)示例:
div { box-shadow: 10px 0 10px -10px #000; /* 設(shè)置左右陰影 */ }
在這個(gè)示例中,10px
表示水平偏移量,0
表示垂直偏移量,10px
表示模糊距離,-10px
表示擴(kuò)展距離,#000
表示陰影顏色,通過調(diào)整水平偏移量的值,可以實(shí)現(xiàn)對(duì)左右陰影的單獨(dú)設(shè)置。
需要注意的是,box-shadow
屬性的值可以設(shè)置為正數(shù)或負(fù)數(shù),分別表示陰影在左側(cè)或右側(cè)顯示,如果水平偏移量設(shè)置為10px
,則陰影會(huì)在元素的右側(cè)顯示;如果設(shè)置為-10px
,則陰影會(huì)在元素的左側(cè)顯示。
還可以設(shè)置其他屬性來調(diào)整陰影的效果,如border-radius
屬性可以使陰影更加圓滑,opacity
屬性可以設(shè)置陰影的透明度等。
通過調(diào)整CSS3中的box-shadow
屬性,可以實(shí)現(xiàn)對(duì)左右陰影的單獨(dú)設(shè)置,以及其他陰影效果的調(diào)整。