CSS上下左右投影是指在元素的邊框四個方向上添加特定的投影效果。使用這種效果可以使元素產生層次感和立體感，提高頁面的美觀度和體驗感。

/* 使用box-shadow屬性添加上下左右投影 */
.shadow {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

上面的代碼中，0px表示投影的水平和垂直偏移量都為0，也就是說投影在元素的正中心；10px表示投影的模糊程度，rgba(0, 0, 0, 0.5)是投影的顏色和透明度，表示黑色半透明的陰影。

如果要添加不同方向的投影，只需要改變水平和垂直偏移量的值就可以了。例如，要添加向左的投影，可以這樣寫：

/* 向左的投影 */
.shadow-left {
box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.5);
}

同理，要添加向右的投影，只需要將水平偏移量改為正值即可。

除了使用box-shadow屬性，還可以使用text-shadow屬性為文字添加投影效果：

/* 為文字添加投影 */
.text-shadow {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

上面的代碼中，2px表示文字的水平和垂直偏移量都為2px，2px表示投影的模糊程度，rgba(0, 0, 0, 0.5)是投影的顏色和透明度，表示黑色半透明的陰影。

總之，CSS上下左右投影是一種非常實用的效果，可以提高頁面的美觀度和互動性。我們可以根據實際需要選擇不同的投影效果，創造獨特的頁面效果。