CSS可以通過box-shadow屬性實現(xiàn)底部投影效果，讓頁面看起來更加立體，更加美觀。

.shadow {
box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
}

上述代碼中，box-shadow屬性中的第一個值是水平偏移量，第二個值是垂直偏移量，第三個值為模糊距離，第四個值為顏色。這里設置了水平偏移量為0px，垂直偏移量為-5px，模糊距離為10px，顏色為黑色的半透明色。

通過調整這些參數(shù)，可以實現(xiàn)不同的投影效果。比如，設置水平偏移量和垂直偏移量為0，模糊距離為5px，顏色為白色的半透明色，就可以實現(xiàn)底部高亮的效果。

.highlight {
box-shadow: 0 5px 5px rgba(255, 255, 255, 0.5);
}

除了投影效果可以讓頁面更美觀外，還可以用來表達頁面之間的關系。比如，在一個頁面中嵌入另一個頁面時，可以通過投影效果表現(xiàn)層級關系。

.embed {
box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.3);
}

上述代碼中，通過調整偏移量和模糊距離，實現(xiàn)一個簡單的嵌入效果。

CSS的box-shadow屬性不僅可以用在底部，還可以用在其它部位，比如頂部、左側、右側。只需要調整偏移量的方向即可。

以上就是CSS如何顯示底部投影的簡要介紹，希望對大家的學習和工作有所幫助。