設置雙邊框的CSS樣式

在CSS中，可以使用border屬性來設置元素的邊框，要設置雙邊框，可以通過給元素添加兩個相鄰的邊框來實現(xiàn)，以下是一個示例：

<div class="double-border">
  我是一個帶有雙邊框的div元素
</div>

.double-border {
  border: 2px solid #000; /* 設置***個邊框 */
  border-radius: 5px; /* 設置邊框圓角 */
  position: relative; /* 設置元素定位 */
  z-index: 1; /* 設置元素堆疊順序 */
}
.double-border::after {
  content: ""; /* 設置偽元素內(nèi)容為空 */
  position: absolute; /* 設置偽元素定位 */
  top: 0; /* 設置偽元素距離父元素頂部的距離 */
  left: 0; /* 設置偽元素距離父元素左邊的距離 */
  width: 100%; /* 設置偽元素的寬度為100% */
  height: 100%; /* 設置偽元素的高度為100% */
  border: 2px solid #fff; /* 設置第二個邊框 */
  z-index: -1; /* 設置偽元素的堆疊順序為-1，使偽元素位于***個邊框下方 */
}

在上面的示例中，我們給div元素添加了一個名為double-border的類，并在CSS中定義了這個類的樣式，在這個樣式中，我們使用了::after偽元素來創(chuàng)建第二個邊框，通過給偽元素設置position: absolute和z-index: -1，我們可以使偽元素位于***個邊框的下方，從而實現(xiàn)雙邊框的效果，我們還使用了border-radius屬性來設置邊框的圓角，使邊框更加美觀。