SeeSaaカスタマイズSeesaaブログのH3タグは、デフォルト設定では、もともと記事タイトルに使われていました。記事中見出しの装飾H3タグのCSSH4タグのCSSまとめSeesaaブログのデフォルト設定SeesaaブログのHタグは少し特殊で、h1はブログタイトル、h2は日付けになっていました。H3タグは、記事タイトルだったため、記事中の段落タイトルとしては使えませんでした。以前H2タグを記事タイトルに日付をdiv要素で指定するように、HtmlとCSSを編集していました。装飾法として紹介してみます。記事中見出しの装飾ブログのデザインによって様々な装飾方法がありますが、一般的によく見るシンプルなデザインを追加してみました。H3タグのCSS現在使用中の装飾はこんな感じ。左側に太めのラインが入ってるだけのシンプルなものです。CSSソースコードはこちら。#74A681;左側の太めなラインです。使ってボックスっぽく見えるようにしています。色はブログに合わせて選びました。0;見出し周りの余白を指定しています。余白を指定しています。10px;テキスト文字とラインの間隔を指定しています。こちらも全体のバランスを見て、適宜変更します。font-size:16px;フォントサイズは、見出しですので目立つように、少し大きめにしました。Helvetica;フォントの指定です。自分のブログデザインに合わせて好きなフォントを選びます。H4タグのCSS現在の装飾。上記のH3タグに下線が追加されたものです。セットで使うと見た目のバランスもちょうどよいですね。ソースコードはこちら。実線で下線部分を描いています。#74A681;左側の太めなラインです。して、下線部分とのバランスを揃えています。色は下線部分と合わせます。比べてやや狭くしています。文中の小見出しとして使うことが多いので、行間が広すぎないようにしました。10px;テキスト文字と線との余白も、やや少なめです。font-size:14px;フォントサイズは、ほぼ本文と同じです。font-weight:bold;太字にしているので、本文中でも若干大きく見えるよう錯覚します。Helvetica;フォント指定です。別で指定していれば省略しても良いです。まとめ見出しとしてはシンプルで、CSSも基本的なものばかりです。シンプルなおかげでアレンジもしやすいです。線の種類を変えても良いし、上や右に追加してもよいです。背景に色を追加して、文字を白抜きにしても良いでしょう。アレンジの仕方は無数にありそうですね。2014-10-28Amazon楽天市場Yahooショッピング7netベルメゾンセシール価格.comAmazonでお得に買う方法ネット通販の代表格Amazon。Amazonプライム会員に登録すると送料無料の他にも様々な特典がついてきます。そんなAmazonでの買い物を、さらにお得にするなら、Amazonギフト券への購入チャージをおすすめします。最大2.5%分のポイントがもらえます。Amazonプライム会員の方なら是非活用して、更にお得に利用しましょう。コメントをキャンセルメールアドレスが公開されることはありません。(17)PROFILEtaksたくす福岡在住のアラフィフサラリーマンです。好奇心旺盛でいろいろな趣味に手を出してしまいます。一人でも楽しめる趣味の情報を中心に、使っているガジェットの紹介やブログ運営の情報など、多岐にわたって紹介していく雑記ブログです。「カエレバっぽいやつ」を使い始めたのでご紹介。