在CSS中,可以使用box-shadow
屬性為盒子添加陰影,并且可以通過(guò)設(shè)置box-shadow
的right
、left
、top
、bottom
屬性來(lái)控制陰影的位置,如果想要讓盒子只有一側(cè)有陰影,可以通過(guò)設(shè)置其他三側(cè)的屬性為0
來(lái)實(shí)現(xiàn)。
如果想要讓盒子只有右側(cè)有陰影,可以設(shè)置box-shadow
的right
屬性為10px 10px 10px rgba(0, 0, 0, 0.5)
,其他三側(cè)設(shè)置為0
:
box-shadow: 0 0 0 rgba(0, 0, 0, 0), 10px 10px 10px rgba(0, 0, 0, 0.5), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
這樣,盒子就只有右側(cè)有陰影了,如果想要調(diào)整陰影的大小、顏色等屬性,可以通過(guò)修改相應(yīng)的值來(lái)實(shí)現(xiàn)。