見栄えの良い CSS カスタムスタイル (タイトル h1 h2 h3)

レンダリング

Blog Gardenでよく使われるスタイル

/*タイトル h1 h2 h3 スタイル*/
＃コンテンツ {
    色: 黒;
    フォント: 0.875em/1.5em「Microsoft YaHei」、「PTSans」、「Arial」、サンセリフ;
    フォントサイズ: 16px;
}
#コンテンツ h1 {
    背景: #2B6695;
    境界線の半径: 6px 6px 6px 6px;
    ボックスの影: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    色: #FFFFFF;
    フォント ファミリ:"Microsoft YaHei"、"Songti"、"HeiTi"、Arial;
    フォントサイズ: 18px;
    フォントの太さ: 太字;
    高さ: 25px;
    行の高さ: 25px;
    マージン: 18px 0 !重要;
    パディング: 8px 0 5px 5px;
    テキストシャドウ: 2px 2px 3px #222222;
}
#コンテンツ h2 {
    背景: #2B6600;
    境界線の半径: 6px 6px 6px 6px;
    ボックスの影: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    色: #FFFFFF;
    フォント ファミリ:"Microsoft YaHei"、"Songti"、"HeiTi"、Arial;
    フォントサイズ: 15px;
    フォントの太さ: 太字;
    高さ: 24px;
    行の高さ: 23px;
    マージン: 12px 0 !重要;
    パディング: 5px 0 5px 10px;
    テキストシャドウ: 2px 2px 3px #222222;
}
#コンテンツ h3 {
    背景: #5B9600;
    境界線の半径: 6px 6px 6px 6px;
    ボックスの影: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    色: #FFFFFF;
    フォント ファミリ:"Microsoft YaHei"、"Songti"、"HeiTi"、Arial;
    フォントサイズ: 13px;
    フォントの太さ: 太字;
    高さ: 24px;
    行の高さ: 20px;
    マージン: 12px 0 !重要;
    パディング: 5px 0 5px 10px;
    テキストシャドウ: 2px 2px 3px #222222;
}

ボタンスタイル

/*おすすめ/嫌いボタン*/
#div_digg {
    位置:固定;
    下:10px;
    幅:140ピクセル;
    右:390px;
    境界線:2px 実線 #6FA833;
    パディング:10px;
    背景色:#fff;
    境界線の半径:5px 5px 5px 5px !重要;
    ボックスの影:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
}

上記は、より美しい CSS カスタムスタイル (タイトル h1 h2 h3) の詳細です。CSS カスタム h2 h3 スタイルの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。

<<: MySQLにインデックスを追加しても効果がないいくつかの状況について簡単に説明します。

>>: html リンクタグタイトル属性改行マウスホバープロンプトコンテンツ改行効果