【SSLife】ささやかな見出しのデザイン研究【CSS】

スーパーセントウです!

 

SSLifeに限らず、UMATOMEの見出しタグにはCSSをつけていません。

あえてつけていないみたいな言い方してすいません。

手をいれてないだけです。

 

ちょっと試しにいくつか表示してみようと思います。

参考にさせていただいたサイト

サルワカさん

 

見出しにスタイルつけてみた!

まずは下線

 

 

見出しにスタイルつけてみた!

背景色付き丸角

 

 

見出しにスタイルつけてみた!

背景色下線つき

 

 

見出しにスタイルつけてみた!

左線に影付き

 

 

凝りすぎていない背景色下線付きくらいがよさそうですかねー。

ちょっと色を変えてみます。

 

見出しにスタイルつけてみた!

縁の芝生にあわせて緑ベース。

 

見出しにスタイルつけてみた!

下線の太さを太くしてみた。ちょっと重いね。

 

見出しにスタイルつけてみた!

左にも線をつけてみる。これもこれでありか。

 

見出しにスタイルつけてみた!

影をつけてみる。なくてもいいか。

 

ではこれに決定してみましょう。

見出しにスタイルつけてみた!

あわせて見出し2や3もつけてみます。

見出しにスタイルつけてみた!

そのまま背景だけ。

見出しにスタイルつけてみた!

文字色反転バージョン。こっちにしてみるか。

見出しにスタイルつけてみた!

見出し3だとこんな感じ。

 

来週の回顧と予想記事は試しにこれで書いてみようと思います。