網(wǎng)頁設(shè)計中，使用CSS給元素添加陰影是一種常見的效果，可以使元素更加突出、有立體感，下面是一些關(guān)于如何使用CSS給網(wǎng)頁加陰影的方法。

1、使用box-shadow屬性

box-shadow屬性可以用來給元素添加陰影效果，該屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和顏色，要給一個元素添加向右偏移10px、向下偏移5px、模糊半徑為5px的藍(lán)色陰影，可以使用以下CSS代碼：

element {
  box-shadow: 10px 5px 5px blue;
}

2、使用text-shadow屬性

text-shadow屬性可以用來給文本添加陰影效果，該屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和顏色，要給一段文本添加向右偏移2px、向下偏移2px、模糊半徑為3px的灰色陰影，可以使用以下CSS代碼：

p {
  text-shadow: 2px 2px 3px gray;
}

3、使用filter屬性

filter屬性可以用來給元素添加多種效果，包括陰影，要給一個元素添加模糊半徑為10px的藍(lán)色陰影，可以使用以下CSS代碼：

element {
  filter: drop-shadow(10px 0 10px blue);
}

需要注意的是，使用filter屬性添加的陰影效果會比使用box-shadow和text-shadow屬性的效果更加模糊，但是也更加靈活。

使用CSS給網(wǎng)頁加陰影是一種簡單而實用的設(shè)計技巧，可以讓你的網(wǎng)頁更加有趣、有立體感，但是需要注意的是，不要過度使用陰影效果，以免讓網(wǎng)頁顯得過于擁擠、混亂。