在CSS中，我們可以使用box-shadow屬性來為HTML元素添加投影效果。box-shadow屬性可以控制投影的水平偏移量、垂直偏移量、模糊半徑、擴(kuò)散半徑和顏色等屬性。下面是一個簡單的示例：

.shadow {
box-shadow: 10px 10px 5px #888888;
}

上面的代碼會為類名為shadow的HTML元素添加一個向右下角偏移10px和10px的投影，模糊半徑為5px，顏色為#888888。通過調(diào)整這些屬性的值，我們可以制作出不同風(fēng)格的投影效果。

除了box-shadow，CSS還提供了text-shadow屬性來為文本添加投影效果。使用方法和box-shadow類似，只不過只能應(yīng)用于文本。下面是一個示例：

.text-shadow {
text-shadow: 2px 2px 2px #888888;
}

上面的代碼會為類名為text-shadow的文本添加一個向右下角偏移2px和2px的投影，模糊半徑為2px，顏色為#888888。

投影效果可以讓HTML元素看起來更生動、立體，提高用戶體驗。但是需要注意的是，投影效果會增加頁面的渲染開銷，過多使用可能會影響頁面性能，因此需要適度使用。