今回は新しく公開された賢威7先行公開版の「H2タグカスタマイズ方法」をご紹介します。初期状態では、背景色が設定されていますが、H2部分に枠線も付けたいというのであれば、この記事を参考にしてみてください。
最新版:賢威8.0公式サイトへ
枠線を付ける前 枠線を付けた時 関連記事
H2タグに枠線を付ける方法
賢威7の先行公開版では、 外観>テーマ編集>base.cssの以下の部分コードが関係しています。
.main-body h2{ margin: 60px 0 30px; padding: 10px 18px; background: #ccc; color: #fff; font-size: 1.75em; }
これらのコードに太文字を付け足しましょう。
.main-body h2{ margin: 60px 0 30px; padding: 10px 18px; border: 1px solid #333; background: #ccc; color: #fff; font-size: 1.75em; }
あとは、更新をクリックして完了になります。
枠線のカスタマイズ
border: 1px solid #333;
- 枠線の太さを変えたい場合1pxの数値を変更します。
- 線を変更したい場合、solidをdottedやdashedなどに変更します。
- 線の色を変更したい場合、#333(カラーコード)を変更します。
- 現状では、上下左右すべてに枠線が付いていますが、上だけに枠線を付けたい場合には、border-top: 1px solid #333;のようにします。
- 左のみに線 border-left: 1px solid #333;
- 右のみに線 border-right: 1px solid #333;
- 下のみに線 border-bottom: 1px solid #333;