【賢威7先行公開版カスタマイズ】H2タグに枠線を付ける方法

今回は新しく公開された賢威7先行公開版の「H2タグカスタマイズ方法」をご紹介します。初期状態では、背景色が設定されていますが、H2部分に枠線も付けたいというのであれば、この記事を参考にしてみてください。

最新版賢威8.0公式サイトへ

枠線を付ける前 2015y10m20d_215810781 枠線を付けた時 2015y10m20d_215954075 関連記事

>>賢威6のカスタマイズはこちら

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;

>>賢威6.2のカスタマイズ資料はこちら

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です