CSS 偽元素是一種非常有用的功能，可以在不改變 HTML 結(jié)構(gòu)的情況下添加樣式。其中，我們可以使用偽元素來畫邊框，讓頁面看起來更加美觀。

下面是一個使用 CSS 偽元素畫邊框的例子：

.box {
position: relative;
width: 300px;
height: 200px;
background-color: #eee;
padding: 20px;
}
.box::before {
content: '';
position: absolute;
top: -5px;
left: -5px;
width: calc(100% + 10px);
height: calc(100% + 10px);
border: 2px solid #333;
}
.box::after {
content: '';
position: absolute;
bottom: -5px;
right: -5px;
width: calc(100% + 10px);
height: calc(100% + 10px);
border: 2px solid #333;
}

在這個例子中，我們首先定義了一個 .box 類，用來表示一個具有背景色和 padding 的盒子。緊接著，我們?yōu)?.box 類添加了兩個偽元素，分別是 ::before 和 ::after。它們分別表示盒子的上邊框和下邊框。

對于 ::before 和 ::after 偽元素，我們使用了 position: absolute 屬性來使它們相對于 .box 類進行定位。同時，我們使用 top, left, bottom 和 right 屬性來使它們覆蓋住了盒子的四個邊框位置。

對于邊框本身，我們使用了 border 屬性來定義。在這個例子中，我們使用了 2px 寬的實線邊框，顏色為 #333。

需要注意的是，由于 ::before 和 ::after 偽元素具有 content 屬性，所以我們還需要將它們的 display 屬性設(shè)置為 block 或 inline-block。

總之，通過使用 CSS 偽元素畫邊框，我們可以輕松地為頁面添加漂亮的邊框效果，而不必去修改 HTML 結(jié)構(gòu)或使用圖片。