CSS如何給盒子添加盒陰影
在CSS中,我們可以使用box-shadow
屬性來給盒子添加盒陰影,這個屬性可以接收多個參數(shù),包括陰影的水平偏移、垂直偏移、模糊半徑、陰影顏色等,下面是一個簡單的示例,展示如何給一個盒子添加盒陰影:
.box { width: 200px; height: 200px; background-color: #ffffff; box-shadow: 10px 10px 5px #000000; }
在上面的示例中,我們給類名為.box
的盒子添加了一個盒陰影,陰影的水平偏移和垂直偏移都是10px
,這意味著陰影會向右和向下移動10px
,模糊半徑為5px
,表示陰影的邊緣會有一定的模糊效果,陰影顏色為#000000
,即黑色。
你可以根據(jù)自己的需求調(diào)整這些參數(shù),以達(dá)到不同的陰影效果。box-shadow
屬性還支持添加多個陰影,只需要在多個陰影之間用逗號分隔即可。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。