「編集練習用ページ」の編集履歴(バックアップ)一覧はこちら
「編集練習用ページ」(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;
}