人気ブログランキング | 話題のタグを見る
 
リンク
カテゴリ
文字を囲んだ四角いボックス
スクロールバー付きのボックス
<p style="width:450px;height:100px;background-color:#ff9;overflow:scroll;">
</p>


overflow・・・・ボックスから文章がはみ出した場合の処理の方法を指定
scroll・・・・・・・ボックスにスクロールバーが表示されますが、文章がはみ出さない場合でも常にスクロールバーが表示されてしまいます。
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・( ´艸`)


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
枠線無しで色付きのボックス
<p style="background-color:#d8edc6;width:490px;height:100px;"></P>

<p style="background-color:#d8edc6;width:490px;height:100px;">文字はここに書きます。色や枠の大きさは数字を変えて好みの大きさに変更</P>


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
枠線を指定したボックス
<p style="border-style:double;width:300px;"></p>



<p style="border-style:groove;width:300px;"></p>



<p style="border-style:ridge;width:100px;"></p>



<p style="border-style:solid;width:400px;"></p>



<p style="border-style:inset;width:200px;"></p>



<p style="border-style:outset;width:200px;"></p>



<p style="border-style:dotted;width:200px;"></p>



<p style="border-style:dashed;width:200px;"></p>


by sakura_lljp | 2007-06-14 14:09 | ★文字を箱枠で囲む
<< タグ色々追加して縦にスクロール~。   |  トップ  |   エキサイトのコメント欄の変更 >>


S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
リンク
スキン編集のテキスト
その他のジャンル
以前の記事
ファン
記事ランキング
ブログジャンル
画像一覧

 Maplestory 花梨サーバー イベント&活動日記 リンクフリーです