とっても簡単！CSSで画像に外枠をつける方法

とっても簡単！CSSで画像に外枠をつける方法

画像に枠を付ける場合、画像編集ソフトなどを使ってやる方法もありますが、記事を書いて画像を載せる度...概要を表示 画像に枠を付ける場合、画像編集ソフトなどを使ってやる方法もありますが、記事を書いて画像を載せる度に画像を加工するのは面倒くさいのでCSSで指定します。 まずCSSに以下の記述をします。 .gazouwaku{ border:1px solid #333;/* 外枠の色 */ padding:5px;/* 余白 */ background-color:#ffffff;/* 余白部分の色 */ } 実際に画像に枠を付ける時は画像URLの後にclass="gazouwaku"を入れればＯＫです。 <img src="画像URL" class="gazouwaku" /> こういったちょっとした事でブログ全体の見栄えも良くなると思いますのでよろしければどうぞ。 もちろん、「gazouwaku」は任意ですので、ご自身で好きなように指定しても構いません。