単純なテンプレートの抜粋

カスタムCSSページテンプレートの
#cnblogs_post_body { 色:ブラック。 フォント:0.875em / 1.5em "マイクロソフトエレガントな黒"、 "PTSans"、 "ゴシック"、サンセリフ; フォントサイズ:15ピクセル; } #cnblogs_post_body H1 { 背景:#333366; 境界半径:計6Px計6Px計6Px計6Px。 ボックスシャドウ:0 0 0 1ピクセル#5F5A4B、1ピクセル1ピクセル計6Px 1ピクセルRGBA(10、10、0、0.5)。 色:#FFFFFF; フォントファミリ: "マイクロソフトエレガントな黒、" "のTimes New Roman"、 "黒体" のArial; フォントサイズ:23px; フォント重量:太字; 高さ:25ピクセル; 行の高さ:25ピクセル; マージン:18px 0重要;! パディング:8px 0 5pxの5pxの; テキストの影:2ピクセル2ピクセル3px#222222; } #cnblogs_post_body H2 { 背景:#006699; 境界半径:計6Px計6Px計6Px計6Px。 ボックスシャドウ:0 0 0 1ピクセル#5F5A4B、1ピクセル1ピクセル計6Px 1ピクセルRGBA(10、10、0、0.5)。 色:#FFFFFF; フォントファミリ: "マイクロソフトエレガントな黒、" "のTimes New Roman"、 "黒体" のArial; フォントサイズ:20ピクセル; フォント重量:太字; 高さ:25ピクセル; 行の高さ:25ピクセル; マージン:18px 0重要;! パディング:8px 0 5pxの5pxの; テキストの影:2ピクセル2ピクセル3px#222222; } #cnblogs_post_body H3 { 背景:#2B6695。 境界半径:計6Px計6Px計6Px計6Px。 ボックスシャドウ:0 0 0 1ピクセル#5F5A4B、1ピクセル1ピクセル計6Px 1ピクセルRGBA(10、10、0、0.5)。 色:#FFFFFF; フォントファミリ: "マイクロソフトエレガントな黒、" "のTimes New Roman"、 "黒体" のArial; フォントサイズ:18px; フォント重量:太字; 高さ:25ピクセル; 行の高さ:25ピクセル; マージン:18px 0重要;! パディング:8px 0 5pxの5pxの; テキストの影:2ピクセル2ピクセル3px#222222; } #cnblogs_post_body H4 { 背景:#2B6600。 境界半径:計6Px計6Px計6Px計6Px。 ボックスシャドウ:0 0 0 1ピクセル#5F5A4B、1ピクセル1ピクセル計6Px 1ピクセルRGBA(10、10、0、0.5)。 色:#FFFFFF; フォントファミリ: "マイクロソフトエレガントな黒、" "のTimes New Roman"、 "黒体" のArial; フォントサイズ:16pxに; フォント重量:太字; 高さ:は24px; 行の高さ:23px; マージン:12ピクセル0重要;! パディング:5pxの0 5pxの10pxの; テキストの影:2ピクセル2ピクセル3px#222222; }

  

公開された記事テンプレートHTML 

の<divのスタイル= "パディング:15ピクセル;マージン下:15ピクセル;国境:1pxのソリッド#333;背景:ビスク;">要約:書き込み保留</ div> <H2スタイル= "フォントサイズ:26px;色:#FFFFFF;行の高さ:36px;高さ:36px;背景色:#1 008b8b;パディング左:10pxの;"> 1级标题</ H2> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H2スタイル= "フォントサイズ:26px;色:#FFFFFF;行の高さ:36px;高さ:36px;背景色:#1 008b8b;パディング左:10pxの;"> 1级标题</ H2> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H2スタイル= "フォントサイズ:26px;色:#FFFFFF;行の高さ:36px;高さ:36px;背景色:#1 008b8b;パディング左:10pxの;"> 1级标题</ H2> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H2スタイル= "フォントサイズ:26px;色:#FFFFFF;行の高さ:36px;高さ:36px;背景色:#1 008b8b;パディング左:10pxの;"> 1级标题</ H2> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H2スタイル= "フォントサイズ:26px;色:#FFFFFF;行の高さ:36px;高さ:36px;背景色:#1 008b8b;パディング左:10pxの;"> 1级标题</ H2> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div> <H3スタイル= "フォントサイズ:18px;色:#FFFFFF;高さ:24ピクセル、行の高さ:は24px;マージン左:36px;背景色:#444;パディング左:11px;"> 2级标题</ H3> <divのスタイル= "マージン左:108px;"> <P>詳細</​​ P> </ div>

  

おすすめ

転載: www.cnblogs.com/agrinJPG/p/12029211.html