CSS邊框陰影的添加方法

在CSS中，我們可以使用box-shadow屬性來(lái)添加邊框陰影。box-shadow屬性可以接收四個(gè)參數(shù)，分別是水平偏移、垂直偏移、模糊半徑和擴(kuò)展半徑。

1、水平偏移：這是陰影在水平方向上的距離，正值將陰影向右移動(dòng)，負(fù)值將陰影向左移動(dòng)。

2、垂直偏移：這是陰影在垂直方向上的距離，正值將陰影向下移動(dòng)，負(fù)值將陰影向上移動(dòng)。

3、模糊半徑：這是陰影的模糊程度，值越大，陰影越模糊；值越小，陰影越清晰。

4、擴(kuò)展半徑：這是陰影的大小，正值會(huì)使陰影變大，負(fù)值會(huì)使陰影變小。

如果我們想要一個(gè)向右下方移動(dòng)的清晰陰影，可以這樣寫：

div {
    box-shadow: 5px 5px 0 0 #000;
}

在這個(gè)例子中，5px 5px表示陰影在水平和垂直方向上都移動(dòng)了5像素，0 0表示沒有模糊和擴(kuò)展效果，#000表示陰影的顏色是黑色。

除了box-shadow屬性，CSS還提供了text-shadow屬性，用于給文本添加陰影，這個(gè)屬性接收三個(gè)參數(shù)：水平偏移、垂直偏移和顏色。

p {
    text-shadow: 2px 2px #ff0000;
}

在這個(gè)例子中，2px 2px表示陰影在水平和垂直方向上都移動(dòng)了2像素，#ff0000表示陰影的顏色是紅色。