Wiki文法テーブル 枠＆背景色編枠をつけたり背景色をつけるためには、CSSを使います。CSSとは、CascadingStyleSheetの略です。 よく言われているスタイルシートってやつです。 それをWiki文法のテーブルに使うと、枠がつけられたりするのです。 今回はその枠付け＆背景色付けをご紹介。 枠付け
でも、下のはどうでしょう。
||<#FFFFFF'` `|| ||<#dcdcdc' style='border: solid 2px #888888'`W` ||<#dcdcdc' style='border: solid 2px #888888'`i` ||<#dcdcdc' style='border: solid 2px #888888'`k` ||<#dcdcdc' style='border: solid 2px #888888'`i` ||<#FFFFFF'` `|| 説明すると、最初の||<#FFFFFF'` `||は、薄い緑の線が入ってしまうのを消すためのもので、最後のも同じです。 ||<#dcdcdc' style='border: solid 2px #888888'`W`は、 ||<背景色' style='枠をつける: 枠の種類 枠の幅 枠の色'`文字または画像` となっています。 枠の種類
||<#FFFFFF'` `|| ||<#dcdcdc' style='border: solid 5px #888888'`solid` ||<#dcdcdc' style='border: double 5px #888888'`double` ||<#dcdcdc' style='border: dashed 5px #888888'`dashed` ||<#dcdcdc' style='border: dotted 5px #888888'`dotted` ||<#dcdcdc' style='border: groove 5px #888888'`groove` ||<#dcdcdc' style='border: ridge 5px #888888'`ridge` ||<#dcdcdc' style='border: inset 5px #888888'`inset` ||<#dcdcdc' style='border: outset 5px #888888'`outset` ||<#FFFFFF'` `||これらを応用して、外枠やセル背景色を変更して使ってみてください。
改行したい場合
||<#FFFFFF'` `|| ||<#FFE4E1' style='border: solid 2px #FF0000'`W` ||<#F8F8FF' style='border: dashed 2px #778899'`i` ||<#FFFFFF'` `|| ←これの挿入 ||<#F0F8FF' style='border: dotted 2px #0000FF'`k` ||<#F0FFF0' style='border: outset 2px #00FF00'`i` ||<#FFFFFF'` `|| 文字色もつけられます
||<#FFFFFF'` `|| ||<#dcdcdc' style='border: solid 2px #888888;color:○○'`W` ||<#dcdcdc' style='border: solid 2px #888888;color:○○'`i` ||<#dcdcdc' style='border: solid 2px #888888;color:○○'`k` ||<#dcdcdc' style='border: solid 2px #888888;color:○○'`i` ||<#FFFFFF'` `|| ○○に好きな色を入れてください。 © akipure 参考書：404 Not Found様
|
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
う〜ん。。。とっても勉強になります。傑作ポチさせてもらいました。でも、毎回コピペしないと独力では難しいですねぇ。毎回、お世話になります m(_ _"m)ペコリッ
2005/11/21(月) 午前 11:29 [ - ]
TBさせていただきました〜。
2005/11/21(月) 午前 11:46 [ - ]
転載させてもらいます
2005/11/26(土) 午後 1:41
はじめまして！wiki文法の勉強にきました。とっても為になりました有難うございます。ぽち
2005/11/30(水) 午後 9:55 [ mis*axm*s*a ]
転載させてください♡傑作押して帰ります
2006/1/21(土) 午後 3:22
転載させてくださぁい♪
2006/2/1(水) 午後 0:25 [ yuc*an*as*e07 ]
転載して勉強させて下さい
2006/3/30(木) 午前 8:54
はじめまして、表組参考にさせていただきました。ありがとうございました。
2006/4/1(土) 午前 1:24
素敵♡使わせてくださいね＾＾傑作ポチッ♪
2006/4/5(水) 午前 1:31
はじめまして(*^。^*)停止中とのことですが、転載させてください(^^♪
2006/6/11(日) 午後 11:55
転載させてくださいね！！
2006/6/26(月) 午後 5:02 [ poc*an1*th ]
転載して勉強させて下さいね♪
2006/7/14(金) 午前 9:55
参考にさせてください・・・頑張ります〜ぽち
2006/10/18(水) 午前 9:19 [ しろ ]
ココわ､色々載ってて､分カりやすぃですねぇぇ＾＾ 早速､使います！
2006/11/15(水) 午後 2:55 [ 琉衣 ]
こんにちは、
転載させてください ヽ(^o^)丿
2007/10/18(木) 午前 1:20 [ たちばな ]
転載させてください。
勉強になりました
2008/2/27(水) 午後 5:51
転載をお願いします。
2008/11/28(金) 午後 5:46
ポチッと転送させて頂きます。
2009/2/10(火) 午後 6:09
わかりやすいです
勉強します！転載させてくださいﾏｾ！
ポチ
2010/4/23(金) 午後 5:53 [ wakakusa ]
初めまして、中将と申します。
本当にありがたいです。
勝手に使わせてもらいます。
2015/10/4(日) 午前 0:17 [ 中将 ]