はてなブログで 画像のフチに枠を付ける方法 | ringocat note

当ブログではiPhoneのスクリーンショット画像をたくさん載せているのですが、白い背景に白っぽい画像だと、下記の画像のようにどこまでが画像で、どこまでが背景なのか分かりにくくなってしまいます。 そこで、当ブログではグレー色の細い枠を付けて見やすくしています。 今回は、はてなブログで画像のフチに枠を付ける方法を紹介したいと思います。 一つ一つの画像に枠を付ける方法 画像を表示する<img>タグの中に、スタイルシート形式で style=”border: 1px solid gray;” と記述します。 上記の画像の場合は <img class=”hatena-fotolife” style=”border: 1px solid gray;” title=”xxx” src=”xxx” alt=”xxx” /> となっています。 style=”border:のあとに半角スペースで区切りながら、枠

[black-koshka]

とても役立ちました。ありがとうございます。