CSS投影是一種常用的技術，讓文本和元素在網頁上擁有更具有立體感和美觀的效果。投影在CSS中的實現，主要使用的是text-shadow和box-shadow來分別實現文字、方塊等元素的投影效果。

例如：
/* 文字陰影 */
text-shadow: 2px 2px 5px #000;
/* 方塊陰影 */
box-shadow: 2px 2px 5px #000;

text-shadow主要是用于給文字添加投影效果，它有三個參數，分別表示水平偏移量、垂直偏移量和模糊半徑。其中，水平偏移量和垂直偏移量的值可以為正或負數，用來指定投影的方向，而模糊半徑表示投影的邊緣要比文字更模糊一些，使效果更加自然。最后一個參數是陰影的顏色，可以使用十六進制或RGB顏色值。

box-shadow則可以用于給整個元素添加陰影效果，也有三個參數，分別是水平偏移量、垂直偏移量和模糊半徑。除此之外，還有一個可選的第四個參數，可以用來指定陰影的擴散程度。其用法與text-shadow類似，可以使用負數來實現內陰影的效果。

例如：
/* 方塊內陰影 */
box-shadow: inset 2px 2px 5px #000;
/* 方塊外陰影 */
box-shadow: 2px 2px 5px #000;

除了以上兩種基本用法之外，還可以通過更改文本顏色和背景色來實現一些更有趣的效果。比如，給文本添加黑色陰影，在紅色背景上呈現出輪廓鮮明的效果。

例如：
/* 確定背景色和文本顏色 */
background-color: #f00;
color: #fff;
/* 給文本添加陰影 */
text-shadow: 2px 2px 5px #000;

通過掌握CSS的投影技術，可以讓我們的網頁設計更加生動有趣。但是在使用投影效果的時候，也要注意不要過度使用，以免影響用戶的體驗和頁面的加載速度。