在CSS中，我們可以使用border屬性為圖片添加邊框，如果你想要為圖片添加兩個(gè)邊框，情況就會(huì)稍微復(fù)雜一些，這需要我們利用CSS的一些***特性，比如偽元素（::before和::after）或者多重邊框（border-style: double）。

方法一：使用偽元素

一種方法是使用偽元素::before和::after來添加兩個(gè)邊框，這種方法的好處是它可以讓你完全控制邊框的樣式和顏色。

img {
  position: relative;
  border: 10px solid #000; /* 原始邊框 */
}
img::before {
  content: "";
  position: absolute;
  top: -10px; /* 邊框?qū)挾?*/
  left: -10px; /* 邊框?qū)挾?*/
  width: calc(100% + 20px); /* 圖片寬度加上兩個(gè)邊框?qū)挾?*/
  height: calc(100% + 20px); /* 圖片高度加上兩個(gè)邊框高度 */
  background: #ff0000; /* 偽元素邊框顏色 */
  z-index: -1; /* 確保偽元素在原始邊框下方 */
}
img::after {
  content: "";
  position: absolute;
  top: 0; /* 邊框?qū)挾?*/
  left: 0; /* 邊框?qū)挾?*/
  width: 100%; /* 圖片寬度 */
  height: 100%; /* 圖片高度 */
  background: #00ff00; /* 偽元素邊框顏色 */
}

方法二：使用多重邊框

另一種方法是使用border-style: double來添加兩個(gè)邊框，這種方法的好處是它可以快速添加兩個(gè)邊框，但是樣式和顏色控制沒有偽元素那么靈活。

img {
  border: 10px double #000; /* 多重邊框樣式，顏色為黑色 */
}

使用偽元素（::before和::after）可以為你提供更多的靈活性和控制力，讓你能夠自定義兩個(gè)邊框的樣式和顏色，而使用多重邊框（border-style: double）則是一種簡(jiǎn)單快捷的方法，但樣式和顏色的控制沒有偽元素那么豐富，你可以根據(jù)自己的需求選擇適合的方法。