4種類の見出し表示方法をご紹介します。CSSは各サイトでは編集できませんが、直接HTMLコードを編集することで、見出しのデザインを創造することができます。赤文字のコードはRGBコードとなります。参考情報で色をご選択の上、挿入してみて下さい。
参考情報1 ： RGBと16進数カラーコードの相互変換ツール
参考情報2 ： 画像からRBGを取得するスポイトツール
テクニカルサイト①
アレンジ①見出しはこんな感じで見えます。
固定ページor投稿ページからテキストタブでコードを活用して下さい。
<h3 style="border-left: 7px solid #82A31E; padding: .2em .4em;">テクニカルサイト①</h3>テクニカルサイト②
アレンジ②見出しはこんな感じで見えます。
固定ページor投稿ページからテキストタブでコードを活用して下さい。
<h3 style="border-left: 7px double #82A31E; padding: .2em .4em;">テクニカルサイト②</h3>テクニカルサイト③
アレンジ③見出しはこんな感じで見えます。
固定ページor投稿ページからテキストタブでコードを活用して下さい。
<h3 style="border-left: 7px solid #82A31E; border-bottom: 1px solid #ccc; padding: .2em .4em;">テクニカルサイト③</h3>テクニカルサイト④
アレンジ④見出しはこんな感じで見えます。
固定ページor投稿ページからテキストタブでコードを活用して下さい。
<h3 style="border-left: 7px solid #82A31E; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; border-right: 1px dashed #ccc; padding: .2em .4em;">テクニカルサイト④</h3>