CSS3中的底部邊框陰影效果是一種精美的設計元素，它可以輕松地為網頁添加陰影效果，讓整個頁面看起來更加美觀。下面是使用CSS3底部邊框陰影的代碼示例：

.shadow {
box-shadow: 0 -5px 5px -5px #333;
}

在上面的代碼中，我們使用了CSS3的box-shadow屬性來實現底部邊框陰影效果。其中，第一個參數0表示陰影距離元素的左邊界的距離，也就是X軸方向的偏移量。第二個參數-5px表示陰影距離元素的底邊界的距離，也就是Y軸方向的偏移量。第三個參數5px表示陰影的半徑大小，這個值越大，陰影擴散的越多。最后一個參數#333表示陰影的顏色值。

我們可以將陰影的偏移量設置為0，這樣就可以實現頂部邊框陰影的效果。我們還可以使用多個box-shadow屬性來實現多重陰影效果，如下所示：

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

在上面的代碼中，我們通過使用兩個box-shadow屬性來實現了兩重陰影效果。第一個box-shadow屬性實現了一個透明度為50%的黑色半透明遮罩層陰影效果，它的半徑大小為10px，距離元素的左邊界和頂部的距離都為0。第二個box-shadow屬性則實現了底部邊框陰影的效果。

CSS3的底部邊框陰影效果為我們設計網頁提供了更多的選擇，它能夠讓網頁看起來更加美觀和精致。