ｈｉ－ｒｏのブログ一覧

ちょっとお勉強。

タグを使った画像の表示に対して、テキストを回り込ませることが出来ます。
※「参照」のところからアップした画像には効きませんのでご注意を。

まずはスタイルシートに、画像の右側に回り込ませるためにどこでも構いませんので以下を追記。

.img_L{
float: left;
border: none;
margin-right:8px;
margin-top:4px;
}

タグで画像を指定する時は

<img src="http://・・・・・.jpg">

となりますので、「.jpg"」の後ろに「class="img_L"」を入れ

<img src="http://・・・・・.jpg" class="img_L"」>

とさせます。

そうするとこうなります。

もしここで回り込みを止めたい場合は「<br clear=all>」とすれば画像の下にテキスト表示となります。

ほ～らなったでしょ(^O^)

もしここで回り込みを止めたい場合は「<br clear=all>」とすれば画像の下にテキスト表示となります。<br clear=all>
ほ～らなったでしょ(^O^)

OK？　p(^-^)q ガンバ

エイプリールフールだからと言ってウソじゃないからねんo(^o^)o