○領域を黒く（#000000）、文字を白色（color:#FFFFFF）に入力する。
【例１】
||<#000000' style=' color:#FFFFFF;' ``上↑ 右→ 下↓ 左←;||
【実際１】
○領域を黒く（#000000）、文字を白色（color:#FFFFFF）で、
順番に上を1px、右を10px、下を30px、左を100pxを広げる。
【例２】
||<#000000' style=' color:#FFFFFF; padding:1px 10px 30px 100px;' ``↑上を1px →右を10px ↓下を30px ←左を100px||
【実際２】
| ↑上を1px →右を10px ↓下を30px ←左を100px |
○セル内を黒く（#000000）、文字を青色に入れ（color:#0000FF）、
幅を560pxに開き（width:560px）、領域に設定（padding:10px 10px 10px 10px）、
文字をセンター揃え（text-align:center）にする。
【例３】
||<#000000' style=' color:#0000FF; width:560px; padding:10px 10px 10px 10px; text-align:center;' ``領域を黒く、文字を青色に入れてセンター揃えにする||
【実際３】
○セルの色を作成して行きます。
［全体線］
全体（colspan=3）の線（width:560px; padding:0px）を、透明（#FFFFFF）で塗ります。
||<#FFFFFF' colspan=3 style=' width:560px; padding:0px;' ``||
［左側］
縁を青色（border:solid 10px #00FFFF）、領域を赤色（#FF00FF）、
文字を黄色（color:#FFFF00）してセンター揃え（text-align:center）にする。
||<#FF00FF' style=' width:187px; border:solid 10px #00FFFF; color:#FFFF00; text-align:center;' ``縁:青 領域:赤 文字:黄
［中側］
縁を赤色（border:solid 10px #FF00FF）、領域を黄色（#FFFF00）、
文字を青色（color:#00FFFF）してセンター揃え（text-align:center）にする。
||<#FFFF00' style=' width:187px; border:solid 10px #FF00FF; color:#00FFFF; text-align:center;' ``縁:赤 領域:黄 文字:青
［右側］
縁を黄色（border:solid 10px #FFFF00）、領域を青色（#00FFFF）、
文字を赤色（color:#FF00FF）してセンター揃え（text-align:center）にする。
||<#00FFFF' style=' width:186px; border:solid 10px #FFFF00; color:#FF00FF; text-align:center;' ``縁:黄 領域:青 文字:赤
【例４】
||<#FFFFFF' colspan=3 style=' width:560px; padding:0px;' ``||
||<#FF00FF' style=' width:187px; border:solid 10px #00FFFF; color:#FFFF00; text-align:center;' ``縁:青 領域:赤 文字:黄
||<#FFFF00' style=' width:187px; border:solid 10px #FF00FF; color:#00FFFF; text-align:center;' ``縁:赤 領域:黄 文字:青
||<#00FFFF' style=' width:186px; border:solid 10px #FFFF00; color:#FF00FF; text-align:center;' ``縁:黄 領域:青 文字:赤
【実際４】
|
縁:青 領域:赤 文字:黄
| 縁:赤 領域:黄 文字:青
| 縁:黄 領域:青 文字:赤
|
記事作成 作者
●びーにぃ© : http://blogs.yahoo.co.jp/bea_nies
|
勉強させてもらいますねｖｖ 何度もきて！！
2005/6/29(水) 午前 1:46
すごい嬉しいです！まず、Wiki文法を勉強したら、新しい記事で作成するようにしてます。少しずつ少しずつ、やりま〜す (^_^)r
2005/6/29(水) 午後 2:17
わからないことばかりなので、新しい記事はちゃんと勉強しにきますｖｖ
2005/6/30(木) 午前 3:11
羅列の文字ですが、一つ一つ分解すれば、できるようになると思います。一緒に楽しみましょうね ＼(^_^)/
2005/6/30(木) 午後 10:54
はい！ いろいろ勉強させてもらいますねｖｖ
2005/7/2(土) 午前 1:49
いつも勉強させてもらってありがとうございますｖｖ上の記事のん、一度やって応用させていただいてます！！ありがとうございますｖｖこれからもよろしくねｖｖ
2005/7/4(月) 午前 0:14
お気に入りブログが、全部なくなってしまいました。今、ひとつひとつ登録しなければならないんです r(;_;) しょうがないので、もう一度、見に行きますね。
2005/7/6(水) 午後 9:26
こんばんわｖｖびーにぃさん。 えっ・・なくなったんですか？間違えて消してしまったとかですか？？
2005/7/8(金) 午後 8:35
ここのんちゃんと勉強しましたよｖｖ
2005/7/11(月) 午後 9:39
びーにぃさん、今日はこっちに来ちゃいました☆質問でーす＼(^0^)３番目のセンタリングはしないとダメですか？paddingで自動的にセンターに来そうなきがして・・・f(^^;)
2005/9/14(水) 午前 6:26 [ mum*20*5_5 ]
内容（文字、文字列、画像など）の周りにある空間のことを、「padding」と言います。焼いた「お餅（内容：文字、文字列、画像）」を、「醤油（周りの空間：padding）」を垂らして（？）、「海苔（border）」を巻く。みたいな感じだけど、、、(^_^;
2005/9/17(土) 午前 7:37
ぷっ(^m^)楽しい♪じゃぁpadding指定していないときは、paddingは自動的に設定されているってことですか？例えば5pxくらいにとかって？
2005/9/18(日) 午前 8:46 [ mum*20*5_5 ]
Yahoo! ブログのWikiデフォルト設定は、以下のようになります。●「BORDER-TOP: #e2ece5 0px inset;」「BORDER-RIGHT: #e2ece5 0px inset;」「BORDER-BOTTOM: #e2ece5 0px inset」「BORDER-LEFT: #e2ece5 0px inset;」●「PADDING-TOP: 8px;」「PADDING-RIGHT: 8px;」「PADDING-BOTTOM: 8px;」「PADDING-LEFT: 8px;」●「FONT-SIZE: 12px;」「COLOR: #4b4b4b;」「LINE-HEIGHT: 18px;」
2005/9/21(水) 午前 9:09