CSS中的陰影效果非常重要，不僅可以使頁面視覺效果更美觀，還可以讓頁面元素更加立體感和層次感，下面來介紹一些CSS+好看的陰影。

/*文字陰影效果*/
p {
color: #333;
text-shadow: 1px 1px #ccc;
}
/*盒子陰影效果*/
.box {
width: 200px;
height: 200px;
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
/*x軸偏移量，y軸偏移量，陰影模糊半徑，陰影擴散半徑，陰影顏色*/
}

上述代碼分別實現了文字陰影效果和盒子陰影效果。

對于文字陰影效果，text-shadow屬性中的兩個數值分別表示水平和垂直方向的偏移量，最后一個數值為陰影的顏色值。

對于盒子陰影效果，box-shadow屬性中的四個數值依次表示水平和垂直方向的偏移量、陰影模糊半徑、陰影擴散半徑和陰影顏色值。其中，陰影模糊半徑和陰影擴散半徑可以控制陰影的模糊程度和大小。

除了以上代碼，還可以通過linear-gradient線性漸變屬性，實現更加豐富多彩的陰影效果，例如漸變色的陰影和多重陰影等。

/*線性漸變色的陰影*/
.shadow {
width: 100px;
height: 100px;
box-shadow: 0 0 10px 2px;
border-radius: 50%;
background: linear-gradient(to bottom, red, orange, yellow, green, blue, purple);
}
/*多重陰影*/
.shadow2 {
width: 100px;
height: 100px;
box-shadow: 0 0 5px 2px blue, 0 0 10px 2px green, 0 0 15px 2px yellow;
}

上述代碼分別實現了線性漸變色的陰影和多重陰影效果。

線性漸變色的陰影通過background屬性中的linear-gradient線性漸變屬性實現，多重陰影則在box-shadow屬性中使用了多組陰影參數。

總之，CSS+好看的陰影可以極大提升頁面的美觀程度和用戶體驗，網頁設計師和前端開發者應該掌握多種陰影效果的實現方法，并在實際開發中靈活應用。