BloggerでCSSを追加してh2タグのデザインを変更してみました

CSSに追加したのは以下の内容です。

h2{
font-size:medium;
margin: 0;
padding: 0;
border-bottom:1px solid #715c1f;
border-left:10px solid #715c1f;
padding:7px;"
}

色々なところで見かける、ベーシックな見出しデザインですが、
このような操作で作り出されていたんですね。
私は、IT関係の知識をほとんど持っていないのですが、
ブログを運営するにあたって、
色々調べてやってみるというのは、中々おもしろいものです。
それにしても、記事本文だけでなく、
色々な部分がh2タグになっているんですね。
日付やサイドバーのデザインまで変更されています。
デザインだけではなく、文字のサイズもmediumにしたので、
h2タグを付けた文字の大きさも変化しました。
特に設定していない状態だと、
h2タグではかなり大きめの文字になります。
わざわざh2タグに挟まれた中で、
文字サイズを指定したりしていたのですが、
今後はそんな手間をかける必要もなさそうです。
ＩＴ関係の知識は、
真面目に勉強すれば、色々なことに応用出来そうですし、
学んでみるだけの価値はありますね。
少しずつ勉強していきたいと思います。

CSSの追加にあたっては、以下のサイトを参考にしました。

ブログ用見出しテンプレート　フラット系 

見出しのデザインをCSSで変更する方法

追記

スマートフォンで確認してみたら、
変更が反映されていませんでした。
スマートフォン向けのテンプレートでも、
カスタムを選択することで反映できました。
スマートフォン向けテンプレートは、
パソコン向けテンプレートとは別になっていたんですね。