底部描邊是一種常見的 CSS 技巧，它可以為頁面元素添加漂亮的陰影效果。這個效果能夠增加頁面的立體感，提高頁面的美感。下面我們來看一下實現底部描邊的基本方法。

/* 設置底部描邊的樣式 */
.shadow {
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.8);
}
/* 底部描邊的顏色為黑色，不透明度為0.8 */

通過給元素添加陰影屬性 box-shadow，我們就可以實現底部描邊。其中的參數含義如下：

• 第一個參數 0：表示橫向位移值，控制陰影在橫向的位置；
• 第二個參數 5px：表示縱向位移值，控制陰影在垂直方向的位置；
• 第三個參數 5px：表示陰影大小，控制陰影的模糊程度；
• 第四個參數 -5px：表示陰影擴展尺寸，控制陰影的大小；
• 第五個參數 rgba(0, 0, 0, 0.8)：表示陰影的顏色和不透明度，前三個數值代表顏色的 RGB 值，最后一個數值為不透明度，值越小，則陰影越透明。

使用底部描邊可以為頁面元素添加精美的陰影效果，從而提升網頁的美感和視覺效果。同時，它也非常容易實現，只需要添加簡單的 CSS 屬性即可。所以，在設計網頁時，底部描邊是一個十分實用的技巧，值得我們借鑒和應用。