【Bloggerコピペ】記事の写真に枠・ボーダーをつける方法

Bloggerの記事編集画面を「HTML」に切り替えます。

切り替えたら、ボーダーをつけたい画像のHTMLを探します。

画像は長いHTMLコードに変換されるので、文脈の流れからたどると探しやすいでしょう。


例えばこんな感じです。

<a>タグに囲まれた<img/>タグがあるので、探しましょう。

見つかったら、その<img>タグの末尾に次のコードを追加しましょう。

style="border: 2px solid #888;"

記事編集画面を「作成」に戻して、画像を確認してみましょう。
うまくつけられていれば、この時点で画像が囲まれているはずです。

まとめ

囲み線の種類・デザインについては、こちらの記事で紹介しています。

>> 画像につける枠・ボーダーのCSSデザインまとめ【コピペOK】

こちらもコピペするだけでかんたんにボーダーがつけられるので、ぜひご覧ください。

また、区切り線のデザインもまとめているので、ぜひご覧ください。

>>コピペで使える！記事中の区切り線のデザインまとめ