CSS邊框下移指的是將一個(gè)元素的邊框下移一定距離，以達(dá)到美化頁面、增加可讀性、區(qū)分不同元素等目的。

.box {
border: 1px solid red;
padding: 10px;
margin-bottom: 20px;
position: relative;
}
.box::after {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
border-bottom: 1px solid red;
}

在上面的代碼中，我們首先創(chuàng)建了一個(gè)有邊框、有內(nèi)邊距和外邊距的元素，且將其定位為相對(duì)定位。然后，我們使用偽元素 ::after 來創(chuàng)建一個(gè)下移的邊框。

::after 偽元素用于向某個(gè)元素添加內(nèi)容，我們讓它絕對(duì)定位在元素底部，同時(shí)設(shè)置了一個(gè)負(fù)的 bottom 值，這樣它就可以清晰地顯示在元素邊框的下方。最后，我們?yōu)?::after 元素設(shè)置了一個(gè)與原來元素邊框有同樣顏色和樣式的底邊框，同時(shí)讓它占據(jù)了整個(gè)元素的寬度。

值得注意的是，這個(gè)代碼使用了偽元素來實(shí)現(xiàn)邊框下移的效果，因此一定要設(shè)置 content 屬性。如果不設(shè)置該屬性，偽元素將不會(huì)被渲染。