CSS折疊邊框是一種常用的美化網頁的技巧，有效地可以美化頁面，使頁面有更好的視覺效果。

想要實現CSS折疊邊框，需要以下幾個步驟：

/* CSS代碼 */
.box {
border: 1px solid #ccc; /* 設置邊框 */
}
.box:hover {
border-top: none; /* 鼠標懸停時隱藏上邊框 */
}
.box p { /*設置p標簽的樣式*/
padding: 5px; /* 設置p標簽的內邊距 */
}

上面的代碼中，`.box`類設置了邊框樣式，并在鼠標懸停時隱藏了上邊框。接著，使用`p`標簽來改變段落的樣式，在每個`p`標簽中添加`padding`屬性，完成折疊邊框的效果。通過這樣的設置，可以使得頁面的內容更加突出，讓頁面更加美觀。