サンプル1
ヘッダー部デザイン
h2,h3,h4,h5,h6{
height : 100%;
margin : 0px;
padding : 2px;
font-weight : bold;
text-indent : 10pt;
line-height : 120%;
}
h2,h3,h4{
color : mediumseagreen;
font-size : medium;
border-width : 1px 1px 1px 20px;
border-style : solid;
}
h2{
background-color : whitesmoke;
border-color : gray;
}
h3{
border-color : silver;
margin-left : 20px;
font-size : 100%;
}
h4{
border-color : whitesmoke;
margin-left : 40px;
font-size : 90%;
}
h5,h6{
color : olive;
}
h6{
margin-left : 15px;
}
引用部ヘッダーデザイン
margin-left : 2px;はトラブル発生(下の方の左位置がずれてくる)
#body blockquote{
margin-top : 2px;
margin-bottom : 2px;
}
クラスデザイン
テーブルタイトル部デザイン
主目的はセルの幅を指定
.cT00,.cT01,.cT02,.cT03,.cT04,.cT05,.cT06,.cT07,.cT08,.cT09,.cT10,.cT12,.cT15,.cT20{
color : green;
text-align : center;
font-weight : bold;
border-bottom : 1px dashed silver;
display : inline-block;
}
.cT01{width : 01em;}
.cT02{width : 02em;}
.cT03{width : 03em;}
.cT04{width : 04em;}
.cT05{width : 05em;}
.cT06{width : 06em;}
.cT07{width : 07em;}
.cT08{width : 08em;}
.cT09{width : 09em;}
.cT10{width : 10em;}
.cT12{width : 12em;}
.cT15{width : 15em;}
.cT20{width : 20em;}
.cT25{width : 25em;}
.cT30{width : 30em;}