ネットショップの商品ページを作っていると、たまに画像と画像の上下に余白をつけたい時がありませんか？
＜ｂｒ＞で空けてもいいのですが、けっこうな空白を空けたいときは、＜ｂｒ＞がズラズラ並んでしまうので、これを解消するタグを記述する方法です。
HTMLで画像の上下に余白を作る方法
画像タグにvspace=”50″を付け加えるだけで簡単に、上下に余白ができるようになります。
【例】
変更前
<img src="画像" alt="" width="100" height="100">
変更後
<img src="画像" alt="" width="100" height="100" vspace="50">
vspace=”50″
50は、上下の余白を作る数値です。数字を大きくしていくと余白も大きくなります。レイアウトに合わせてお好みの数字を入れてくださいね。