CSS是前端開發中重要的一部分，其作用是控制網頁的樣式和排版。在網頁設計中，常用的一個效果是為頁面添加底部陰影。本文將介紹如何使用CSS僅實現底部陰影的效果。

/* 為頁面底部添加陰影 */
body {
/* 設置頁面背景色為白色 */
background-color: #fff;
/* 添加底部陰影，值依次為x,y,blur和spread */
box-shadow: 0 -2px 10px 0 rgba(0,0,0,.1);
}

以上代碼是使用box-shadow屬性來實現底部陰影的。box-shadow屬性有四個值，分別為x、y、blur以及spread。其中，x表示陰影的左右位置，y表示陰影的上下位置，blur表示陰影的模糊度，spread表示陰影的擴散距離。

將以上代碼添加到CSS文件中，就可以為網頁添加底部陰影了。運行后頁面效果如下：

除了以上代碼，也有其他方式可以實現底部陰影效果。例如可以通過創建一個偽元素來達到效果，也可以使用linear-gradient屬性。

總之，使用CSS來實現底部陰影效果非常簡單，只需要加入少量代碼即可讓頁面看起來更加精美。希望本文對你有所幫助。