今天我們來講一下如何使用CSS來添加陰影和高光效果。這些效果可以讓頁面看起來更加立體，讓文字和圖片躍然紙上。 首先我們來看一下如何為文本添加陰影。我們可以使用CSS的text-shadow屬性來實現。例如，以下代碼可以為一個段落中的文本添加黑色的陰影：

p {
text-shadow: 1px 1px 2px black;
}

上述代碼中，1px和1px表示陰影相對于文本的偏移量，2px表示陰影的模糊半徑，black表示陰影的顏色。 如果我們想要添加高光效果，可以使用CSS的box-shadow屬性。以下代碼實現了為一個帶有border的div添加淺灰色的高光效果：

div {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

上述代碼中，0和4px表示陰影相對于元素的偏移量，6px表示陰影的模糊半徑，rgba(0, 0, 0, 0.1)表示高光效果的顏色及其透明度。通過以上代碼，我們可以給某個元素添加立體感，從而提升視覺效果。 小結一下，CSS的text-shadow和box-shadow屬性可以為文本和元素添加陰影和高光效果，讓頁面看起來更加生動。希望這篇文章能夠對您學習CSS有所幫助。