[CSS] 画像の周りに余白を入れて線で囲む方法

画像とボーダーの間に余白を入れる方法。
詳細は以下から。

画像とボーダーの間に余白を入れる方法

ボーダーの色と幅を指定し、余白の幅をpaddingで指定します。

<style>
img {
	border: 1px solid #cccccc;
	padding: 5px;
}
</style>

<img src="hoge.jpg" width="100" height="100" alt="HOGE" border="0" />