如何用CSS添加陰影？

CSS是一種強(qiáng)大的樣式表語(yǔ)言，可以用來(lái)描述HTML文檔的外觀和格式，添加陰影是CSS中的一個(gè)常見(jiàn)應(yīng)用，下面是一些關(guān)于如何使用CSS添加陰影的指南。

1、文本陰影

在CSS中，可以使用text-shadow屬性為文本添加陰影，該屬性接受四個(gè)值：水平偏移、垂直偏移、模糊半徑和顏色，以下代碼將為文本添加向右下方偏移的陰影：

h1 {
  text-shadow: 2px 2px 5px #000;
}

2、邊框陰影

除了文本陰影外，CSS還支持為邊框添加陰影，可以使用border-shadow屬性來(lái)實(shí)現(xiàn)，該屬性接受四個(gè)值：水平偏移、垂直偏移、模糊半徑和顏色，以下代碼將為邊框添加向右下方偏移的陰影：

div {
  border-shadow: 2px 2px 5px #000;
}

3、盒陰影

除了文本和邊框陰影外，CSS還支持為整個(gè)盒子添加陰影，可以使用box-shadow屬性來(lái)實(shí)現(xiàn)，該屬性接受四個(gè)值：水平偏移、垂直偏移、模糊半徑和顏色，以下代碼將為整個(gè)盒子添加向右下方偏移的陰影：

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

需要注意的是，這些屬性的值可以根據(jù)需要進(jìn)行調(diào)整，以實(shí)現(xiàn)不同的陰影效果，這些屬性也可以與其他CSS樣式結(jié)合使用，以創(chuàng)建更加豐富多彩的網(wǎng)頁(yè)效果。