CSS設(shè)置陰影效果

CSS（級(jí)聯(lián)樣式表）是一種用于描述HTML或XML（包括如SVG、MathML等衍生技術(shù)）文檔的樣式的樣式表語(yǔ)言，在CSS中，我們可以使用“box-shadow”屬性來(lái)設(shè)置元素的陰影效果。

“box-shadow”屬性接受四個(gè)值，分別是水平陰影的位置、垂直陰影的位置、模糊距離和顏色，前兩個(gè)值表示陰影的偏移量，第三個(gè)值表示陰影的模糊程度，***后一個(gè)值表示陰影的顏色。

如果我們想要設(shè)置一個(gè)元素向右偏移20px、向下偏移10px的陰影，模糊距離為5px，顏色為黑色的陰影效果，我們可以這樣寫：

element {
    box-shadow: 20px 10px 5px black;
}

“element”表示要應(yīng)用陰影效果的元素，可以是任何HTML元素，如div、p、img等。

除了上述示例外，我們還可以根據(jù)需要調(diào)整陰影的偏移量、模糊距離和顏色，以達(dá)到不同的效果，我們還可以使用“rgba”顏色值來(lái)設(shè)置透明的陰影效果。

使用CSS設(shè)置陰影效果可以讓我們的網(wǎng)頁(yè)更加生動(dòng)、有趣味性。