CSS是前端開發中重要的一環，可以實現各種酷炫的效果。其中雙層邊框也是CSS中常用的效果之一，下面我們來看看如何實現這個效果：

.border {
border: 4px solid #000;
padding: 10px;
position: relative;
}
.border::before {
content: '';
position: absolute;
top: -12px;
left: -12px;
right: -12px;
bottom: -12px;
border: 4px solid #000;
}

首先，我們定義一個具有邊框和內填充的元素，并設置其定位為相對。然后，我們使用偽元素::before來添加第二層邊框。在這個偽元素上，我們使用絕對定位，將其覆蓋在原始元素的邊框上。

要注意的是，在偽元素中設置邊框時，我們需要將其位置設置為負值，以便其可以完全覆蓋在原始元素的邊框上。此外，我們還可以設置偽元素的顏色、樣式和寬度等其他屬性。

有了上面的代碼，我們就可以輕松地實現雙層邊框了。當然，如果您需要更多的自定義效果，可以通過調整代碼中邊框和填充的值來實現。希望這篇文章對大家有所幫助。