画像に文字入れ ズボラ術 ＜table＞タグ編

【もしも大学　特待生として受講中】

最近忙しくしており、
ドロップシッピングの作業もあまりできていません…
そんな私の「ズボラ術」。

画像に文字を入れたい場合、
いつもは Photoshop という画像編集ソフトを使っているのですが、、、
あ〜 も〜 時間がなーい!!! って時は、
＜table＞タグで、画像の上に文字を載せてしまうのです（笑）


【文字】 左上

これ美味しいのかな？ 一度飲んでみたいです。

<!-- ★画像の上に文字★ --><table><tr><td></td><td rowspan="2"><img src="http://www.moshimo.com/item_image/0004100000012/1/l.jpg" width="300" height="300" alt="" /></td></tr><tr><td colspan="2" align="left" valign ="top"><span style="padding:1px; font-weight:bold; font-size:24px; line-height:150%; color:red; background-color:gold;">これ美味しいのかな？<br />一度飲んでみたいです。</span></td></tr></table><!-- /★画像の上に文字★ -->


【文字】 中央

これ美味しいのかな？ 一度飲んでみたいです。

<!-- ★画像の上に文字★ --><table><tr><td></td><td rowspan="2"><img src="http://www.moshimo.com/item_image/0004100000012/1/l.jpg" width="300" height="300" alt="" /></td></tr><tr><td colspan="2" align="left" valign ="top"><span style="padding:1px; font-weight:bold; font-size:24px; line-height:150%; color:#ffffff; background-color:green;">これ美味しいのかな？<br />一度飲んでみたいです。</span></td></tr></table><!-- /★画像の上に文字★ -->


【文字】 右下

これ美味しいのかな？ 一度飲んでみたいです。

<!-- ★画像の上に文字★ --><table><tr><td></td><td rowspan="2"><img src="http://www.moshimo.com/item_image/0004100000012/1/l.jpg" width="300" height="300" alt="" /></td></tr><tr><td colspan="2" align="right" valign ="bottom"><span style="padding:1px; font-weight:bold; font-size:24px; line-height:150%; color:#ffffff; background-color:red;">これ美味しいのかな？<br />一度飲んでみたいです。</span></td></tr></table><!-- /★画像の上に文字★ -->