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

自由が丘で働くWeb屋のブログ

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

[CSS] 画像の周りに余白を入れて線で囲む方法
画像とボーダーの間に余白を入れる方法。
詳細は以下から。

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

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

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

<img src="hoge.jpg" width="100" height="100" alt="HOGE" border="0" />
 
カテゴリー:Webシステム開発
タグ:
2013年6月4日 21時02分
 

関連記事

 

コメントを書く

This blog is kept spam free by WP-SpamFree.

(C) 自由が丘で働くWeb屋のブログ
Get Adobe Flash player