在網站設計中，我們經常需要給圖片加上雙邊框線以突出顯示。在CSS中，我們可以使用border屬性來實現這個效果。

首先，讓我們來看一下如何給圖片加上單邊框線：

img {
border: 2px solid #000;
}

這個代碼將會給所有img元素添加2像素寬度，顏色為黑色的實線邊框。

如果我們要添加雙邊框線，可以使用CSS的偽元素before和after來模擬一個額外的邊框線。下面是代碼示例：

img:before {
content: "";
display: block;
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border: 2px solid #000;
z-index: -1;
}
img:after {
content: "";
display: block;
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
border: 2px solid #000;
z-index: -2;
}

這個代碼會在圖片的外部添加兩個2像素寬度，顏色為黑色的邊框線，從而實現雙邊框線的效果。

需要注意的一點是，這里使用了position屬性來為圖片添加額外的偽元素，因此，圖片本身需要事先設置position屬性（例如position: relative;）才能正常顯示。

通過這種方式，我們可以給網頁中的圖片添加雙邊框線，從而更好地突出它們的重要性。