偽元素是CSS中小而精巧的功能，可以幫助您快速簡便地創建裝飾效果。在這篇文章中，我們將討論如何使用CSS偽元素來模擬邊框。
/* 創建一個偽元素實現邊框效果 */
div {
width: 200px;
height: 200px;
position: relative;
padding: 20px;
}
div::after {
content: "";
position: absolute;
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
border: 1px solid black;
}在上面的代碼中，我們首先為
元素設置了一些基本樣式，包括寬度，高度和相對定位。然后，我們使用CSS偽元素在該元素內部創建一個新的元素，該元素將表現為邊框。
在偽元素選擇器中，我們使用::after來創建一個偽元素。接下來，我們將該元素的內容設置為空，這意味著它將不會顯示任何文本或圖像。我們還將該元素的位置設置為絕對定位，以便它出現在其父元素的內部，而不會影響其他元素的位置。我們設置其位置鋪滿整個
元素，并添加了一個1像素寬的實心黑色邊框。
這就完成了我們的偽元素模擬邊框效果！現在，您可以使用此代碼為您的網站添加簡單的邊框，而無需使用復雜的HTML或CSS代碼。