すたすた式
Blogger
見出しと日付はh2タグ
小見出しと記事のタイトルはh3タグ
準見出しとコメント件数、コメント投稿欄はh4タグ
テンプレート＞カスタマイズ＞上級者向け＞cssを追加から
h4{ color: #141414; font-size:150%; font-weight:bold; line-height: 1.5em; border-bottom:1px solid #008ee1; border-left:10px solid #008ee1; margin: 50px 0 10px 0; padding:3px 10px 1px 10px; }
を追加。（数値は参考サイトを参照して変える）
ブログに反映をクリック。
追記2015年10月25日数値を変えました。
/* 見出しh4タグ */ h4{ color: #141414; font-size:120%; font-weight:bold; line-height: 1.5em; border-bottom:1px solid border-left:10px solid margin: 50px 0 10px 0; padding:3px 10px 1px 10px; }
参考サイト
【CSS初心者向け】ブログで良く見かけるシンプルな見出しの作り方 | ディレイマニア
テキストの左側と下側だけをボーダーで囲ったデザインの見出しって、いろんなブログで良く見かけますよね。CSSだけで作る見出しとしてシンプルで使い勝手がいいので僕も多用してます。CSS初心者向けに見出しのデザインの一例としてご紹介します。
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
コメントなし:
コメントを投稿