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

見栄えの良い 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;
}

ボタンスタイル

CS

/*おすすめ/嫌いボタン*/
#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 リンク タグ タイトル属性 改行 マウス ホバー プロンプト コンテンツ 改行効果

推薦する

HTMLシールドの右クリックメニューと左クリック入力機能の例

右クリックメニューを無効にする <body oncontextmenu=self.event....

MySQL統計テーブルのサイズを説明する例

各データベース内の各テーブルのサイズをカウントすることは、データ ガバナンスの最も単純な要件の 1 ...

よくある CSS のヒントと経験談 11 選

1. 画像の下にある数ピクセルの空白を削除するにはどうすればよいですか?コードをコピーコードは次のと...

表示しているページのスナップショットを Baidu が保存できないように設定する方法

今日、Baidu でページを検索したところ、ページが削除されていたため、当然 Baidu スナップシ...

Vueにおける混合継承の詳細な説明

目次混合継承の影響: 1. 継承Vue.extend メソッド​プロパティを拡張する2. ミックスイ...

Web ページの HTML コードの説明: 順序付きリストと順序なしリスト

このセクションでは、HTML のリスト要素について学習します。リストは、Web サイトのデザインにお...

JavaScript でプロパティハイジャックを実装する方法 defineProperty

目次序文記述子getとsetの詳細な説明オブジェクトの属性の乗っ取りオブジェクトのすべてのプロパティ...

JavaScript で 2 次元配列を作成するためのヒント

Js での 2 次元配列の作成:まず、JavaScript は 1 次元配列のみをサポートしています...

MySQL 8.0.25 解凍版のインストールと設定方法のグラフィックチュートリアル

MySQL 8.0.25解凍版のインストールチュートリアル、参考までに具体的な内容は以下のとおりです...

HTML 画像 img タグ_Powernode Java アカデミー

まとめプロジェクトの説明形式<img src="..."> H2+ ...

Antd+vueは円形属性フォームの動的検証のアイデアを実現します

必要な項目をループして検証するために、クエリ フォームのいくつかのプロパティを実装したいと考えていま...

Docker コンテナ データ ボリュームの名前付きマウントと匿名マウントの問題

目次コンテナデータボリュームとはコンテナ データ ボリュームが必要なのはなぜですか?使用データボリュ...

Vueカスタム命令とその使用方法の詳細な説明

目次1. 指令とは何ですか? Vue でよく使われる組み込みの v ディレクティブv-if と v-...

Jenkins の紹介と Docker で Jenkins をデプロイする方法

1. 関連概念1.1 Jenkins の概念: Jenkins は、使用されるプラットフォームに関係...

Tomcat プロセスの CPU 使用率が高い場合のトラブルシューティング記録を記録する

この記事では主にTomcatプロセスを記録し、TCP接続が多すぎることによるCPU使用率の過剰のトラ...