CSS伪元素可以用来在HTML元素上画边框。常见的伪元素有::before和::after，它们可以在元素的前面和后面创建一个新的元素。我们可以利用这个新元素来画边框。

下面是一个简单的例子，我们使用::before伪元素来画一个红色的边框：

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

在上面的代码中，我们创建了一个空的::before伪元素，并设置它的位置为绝对定位，使它覆盖住了.my-element元素。我们使用top和left属性将它与.my-element元素对齐。然后，我们设置宽度和高度为100%以使它与.my-element元素大小相同。最后，我们设置了边框样式和颜色来画出边框。

我们使用box-sizing属性将边框宽度包含在元素宽度内，避免了元素出现滚动条的情况。

除了使用::before伪元素，我们还可以使用::after伪元素来画边框。下面是一个例子：

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

在这个例子中，我们使用::after伪元素来创建了一个绿色的边框。我们使用top、left、bottom和right属性设置它的位置，并使用border属性设置边框样式和颜色。注意，我们将z-index属性设置为-1，这样边框就在元素的下面了。

使用CSS伪元素画边框是一个很有用的技巧，它可以使我们在不需要修改HTML的情况下美化元素。