網頁中插入圖片的時候，我們經常要給圖片加上些修飾，比如加上邊框或者陰影什么的，下面介紹一個用CSS給圖片加上雙邊框的實用例子。

CSS代碼：

img.double-border {
	border: 5px solid #ddd;
	padding: 5px; /*距離*/
	background: #fff; /*顏色*/
}

HTML代碼：

<img class="double-border" src="http://www.goodtext.org/img/602x404.jpg"

 alt="www.goodtext.org" />

邊框的寬窄和顏色可根據情況自己設置，這樣圖片就用CSS加上雙邊框了。

Tags：CSS給圖片加邊框，實例