CSS偽元素可以用來在HTML元素上畫邊框。常見的偽元素有::before和::after，它們可以在元素的前面和后面創(chuàng)建一個新的元素。我們可以利用這個新元素來畫邊框。

下面是一個簡單的例子，我們使用::before偽元素來畫一個紅色的邊框：

.my-element::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid red;
box-sizing: border-box;
}

在上面的代碼中，我們創(chuàng)建了一個空的::before偽元素，并設(shè)置它的位置為絕對定位，使它覆蓋住了.my-element元素。我們使用top和left屬性將它與.my-element元素對齊。然后，我們設(shè)置寬度和高度為100%以使它與.my-element元素大小相同。最后，我們設(shè)置了邊框樣式和顏色來畫出邊框。

我們使用box-sizing屬性將邊框?qū)挾劝谠貙挾葍?nèi)，避免了元素出現(xiàn)滾動條的情況。

除了使用::before偽元素，我們還可以使用::after偽元素來畫邊框。下面是一個例子：

.my-element::after {
content: '';
position: absolute;
top: 2px;
left: -2px;
bottom: 2px;
right: -2px;
border: 2px solid green;
z-index: -1;
}

在這個例子中，我們使用::after偽元素來創(chuàng)建了一個綠色的邊框。我們使用top、left、bottom和right屬性設(shè)置它的位置，并使用border屬性設(shè)置邊框樣式和顏色。注意，我們將z-index屬性設(shè)置為-1，這樣邊框就在元素的下面了。

使用CSS偽元素畫邊框是一個很有用的技巧，它可以使我們在不需要修改HTML的情況下美化元素。