矩形中間加描邊是一種常見的設計樣式，可以讓矩形更加鮮明明顯，突出重點。下面介紹如何使用CSS來實現這個效果。

.rectangle {
width: 100px;
height: 50px;
border: 2px solid #000;
position: relative;
}
.rectangle::after {
content: "";
position: absolute;
top: 5px; /*距離頂部的距離*/
left: 5px; /*距離左側的距離*/
width: calc(100% - 10px); /*寬度，注意減去描邊的寬度*/
height: calc(100% - 10px); /*高度，注意減去描邊的寬度*/
border: 2px solid #000;
z-index: -1; /*將描邊放在背景下面*/
}

首先，在矩形樣式中添加一個2像素的黑色實線邊框。然后，在矩形元素的偽元素after中添加一個相同寬高的元素，并設置它的位置、寬度和高度。最后，設置偽元素的邊框樣式和z軸順序。

以上就是如何通過CSS實現矩形中間加描邊的效果，你可以根據自己的需要來調整描邊的寬度和顏色。