CSS 是一種強(qiáng)大的設(shè)計(jì)語(yǔ)言，可以通過(guò)它來(lái)給網(wǎng)頁(yè)添加各種效果，使得網(wǎng)頁(yè)更加美觀。其中，添加陰影效果是讓網(wǎng)頁(yè)看起來(lái)更加有層次感的一種方式。當(dāng)然，在設(shè)計(jì)完 header 之后，可以通過(guò) CSS 來(lái)為它添加好看的陰影效果。

header {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

通過(guò) CSS 的 box-shadow 屬性可以給 header 添加不同的陰影效果，而最常用的就是上面這個(gè)代碼。這一代碼會(huì)在 header 下方添加一種類(lèi)似于浮起來(lái)的陰影效果，使得 header 看起來(lái)更加震撼。

當(dāng)然，除了這種最簡(jiǎn)單的陰影效果之外，CSS 還可以為 header 添加更多的陰影效果，比如內(nèi)部陰影（inner shadow）、外部陰影（outer shadow）等等。這些陰影效果的實(shí)現(xiàn)方式并不復(fù)雜，只需要在 box-shadow 屬性中添加不同的參數(shù)就可以了。

header {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 0 20px -5px rgba(0, 0, 0, 0.3) inset;
}

例如，上面這個(gè)代碼表示為 header 添加了兩種不同的陰影效果：一種是下方浮起來(lái)的陰影，另一種是內(nèi)部深色的細(xì)線(xiàn)。這兩種不同的陰影組合在一起，讓 header 看起來(lái)更加立體感和層次感。

總的來(lái)說(shuō)，CSS 的陰影效果可以為網(wǎng)頁(yè)添加更多的設(shè)計(jì)感和美觀性。不同的設(shè)計(jì)者可以通過(guò)調(diào)整 box-shadow 屬性中的參數(shù)，來(lái)實(shí)現(xiàn)自己想要的陰影效果，進(jìn)一步讓網(wǎng)頁(yè)更加精美。