とある日常

画像の周りにスペースを空ける

画像の周りにスペースを空ける

---

画像の縦横にスペースを空ける
hspace=" "　vspace=" "


「<IMG SRC="～.jpg" align="left">」と入力すると･･･

あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わをん

このように、通常の状態では、画像と文章がかなりくっついて表示されます。


ここで、「hspace」「vspace」属性をつかって、画像のまわりに余白をつけます。
「hspace」はヨコの間隔を、「vspace」はタテの間隔を調節できます。


「<IMG SRC="～.jpg" align="left" hspace="20" vspace="10">」と入力します。

あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも やゆよ らりるれろ わをん

すると、このように「ヨコ20」「タテ10」のスペースがあきました。


この方法は、日記に画像をのせたり、アフィリエイト画像に説明をつけたりするときにとても便利です。