CSS陰影效果是現代網頁設計中非常受歡迎的一種技術。通過精細的陰影設計，可以為網頁增加立體感，對觀眾產生深刻的印象。下面就介紹幾種CSS陰影效果，讓網頁展現出更加美觀的效果。

/*陰影效果1*/
.box1 {
box-shadow: 2px 2px 5px #888;
}
/*陰影效果2*/
.box2 {
box-shadow: 10px 10px 5px #888888;
}
/*陰影效果3*/
.box3 {
box-shadow: -5px -5px 5px #888;
}
/*陰影效果4*/
.box4 {
box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.2);
}

以上代碼中，box-shadow 是設置陰影的屬性，后面的數字依次代表從左到右、從上到下、模糊程度以及顏色。多個陰影效果可以像下面這樣寫：

/*多重陰影效果*/
.box5 {
box-shadow: 
0 1px 5px rgba(0, 0, 0, 0.2), 
0 2px 4px rgba(0, 0, 0, 0.2), 
0 3px 3px rgba(0, 0, 0, 0.2), 
0 4px 2px rgba(0, 0, 0, 0.2), 
0 5px 1px rgba(0, 0, 0, 0.2);
}

陰影效果不僅可以用于盒子，還可以用于文字和圖像：

/*文字陰影效果*/
h1 {
text-shadow: 2px 2px 5px #888;
}
/*圖像陰影效果*/
img {
box-shadow: 3px 3px 5px #888;
}

總的來說，CSS陰影效果廣泛應用于網頁設計中，可以讓網頁變得更加美觀和立體。不過需要注意的是，過多的陰影效果也可能會導致網頁加載速度變慢，因此在使用時需要適當控制。