CSS是前端開發中非常重要的一種技術，可以用來實現許多的效果。其中，div邊框的伸縮就是其中之一。在使用CSS實現div邊框伸縮時，我們可以通過box-sizing屬性設置邊框的大小，同時使用border-box作為值來讓邊框在伸縮時保持不變。

.box{
width: 200px;
height: 200px;
border: 10px solid #000;
box-sizing: border-box;
}

上面這段CSS代碼創建了一個包含10像素黑色邊框的200像素正方形div，使用了box-sizing屬性，并將其值設置為border-box。這意味著div的尺寸將包括邊框的大小，使其在伸縮時保持不變。接下來，我們可以使用JavaScript或CSS來控制此邊框大小的變化。

.box:hover{
border: 20px solid red;
}

上面這段CSS代碼將在鼠標懸停在div上時觸發，將邊框的大小從原來的10像素加倍到20像素，并將其顏色更改為紅色。 這樣，我們就可以實現div邊框的伸縮效果了。