在網頁樣式設計中，下邊框是一個常用的元素，可用于分割頁面或增強頁面視覺表現。默認情況下下邊框是向外延伸的，但是有時候我們需要將下邊框向內收縮以達到更好的效果。下面我們來介紹一下如何使用 CSS 樣式將下邊框向內縮。

要將下邊框向內縮，我們需要用到 CSS 樣式的 border-collapse 屬性。border-collapse 屬性可以控制邊框是否合并，當設置為 collapse 時，邊框會合并在一起，這樣下邊框就會向內收縮。

.box{
border-collapse: collapse;
border-spacing: 0;
border: 2px solid #ccc;
}

上面的示例將邊框合并并設置了 2 像素的邊框，效果如下：

可以看出，邊框已經向內縮進了，但是由于表格默認存在邊距，我們還需要將表格的邊距去掉，這可以通過設置 border-spacing 為 0 來實現。

除了表格外，我們也可以將 border-collapse 應用于一些其他元素，例如 div。

.box{
border-collapse: collapse;
border: 2px solid #ccc;
}

上面的示例將邊框合并并設置了 2 像素的邊框，效果如下：

可以看到，通過設置 border-collapse 屬性，我們可以將下邊框向內縮進，從而增強頁面的視覺表現。