囲み記事を作る 


枠を使って囲み記事風にすることができます。

float:right; width:240px; height:120px
実施例
この文章が囲み記事の中に表示されています。「 overflow:auto; 」の指示を入れて有りますので、設定した枠のサイズよりも 文字数が多いと、自動的にスクロールバーが出ます。

上の実施例は次のように記入しています
記入例-1
<DIV style="float:right; width:240px; height:120px;border:2px gray inset;overflow:auto;
background-color:#005500;color:#FFFFFF;padding:4px;margin-left:30px;">
実施例
<Br>この文章が囲み記事の中に表示されています。「 overflow:auto; 」の指示を入れて有りますので、設定した枠のサイズよりも 文字数が多いと、自動的にスクロールバーが出ます。</DIV>

記入例-2
HEADタグの間に次の指定をします
<Style type="text/css">
<!--
DIV {float:right; width:240px; height:120px;border:2px gray inset;overflow:auto;
background-color:#005500F;color:#FFFFFF;padding:4px;margin-left:30px;}
-->
</STYLE>
そして本文を次のように書きます
<DIV>実施例
<Br>この文章が囲み記事の中に表示されています。「 overflow:auto; 」の指示を入れて有りますので、設定した枠のサイズよりも 文字数が多いと、自動的にスクロールバーが出ます。</DIV>

TOPページに戻る