「編集練習用ページ」の編集履歴(バックアップ)一覧はこちら

編集練習用ページ」(2013/05/20 (月) 23:34:40) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

編集の練習用ページです。 ■奇数行と偶数行で色分けできるようにCSSを設定しました。 ①緑色で色分け #divid(odd_green){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 記述方法 #divid(odd_green){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } ②青色で色分け #divid(odd_blue){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 記述方法 #divid(odd_blue){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } ③赤色で色分け #divid(odd_red){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 記述方法 #divid(odd_blue){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 参考:CSSで追加した記述は以下のとおり div#odd_green tr.atwiki_tr_odd { color: #000000; background: #ccffcc; } div#odd_green tr.atwiki_tr_even { color: #000000; background: #ffffff; } div#odd_blue tr.atwiki_tr_odd { color: #000000; background: #ccffff; } div#odd_blue tr.atwiki_tr_even { color: #000000; background: #ffffff; } ・#comment(below,size=80,num=20,vsize=7) #comment(below,size=80,num=20,vsize=7) ・#pcomment(reply,below,size=80,20) #pcomment(reply,below,size=80,20)
編集の練習用ページです。 ■奇数行と偶数行で色分けできるようにCSSを設定しました。 ①緑色で色分け #divid(odd_green){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 記述方法 #divid(odd_green){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } ②青色で色分け #divid(odd_blue){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 記述方法 #divid(odd_blue){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } ③赤色で色分け #divid(odd_red){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 記述方法 #divid(odd_red){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 参考:CSSで追加した記述は以下のとおり div#odd_green tr.atwiki_tr_odd { color: #000000; background: #ccffcc; } div#odd_green tr.atwiki_tr_even { color: #000000; background: #ffffff; } div#odd_blue tr.atwiki_tr_odd { color: #000000; background: #ccffff; } div#odd_blue tr.atwiki_tr_even { color: #000000; background: #ffffff; } div#odd_red tr.atwiki_tr_odd { color: #000000; background: #ccffff; } div#odd_red tr.atwiki_tr_even { color: #000000; background: #ffffff; }

表示オプション

横に並べて表示:
変化行の前後のみ表示: