このブログの細かい CSS の調整をしました

thikasa

Category: ブログ / Tag: ,

前々からやろうやろうと思っていた、ちょっとした見た目の修正。
やっと…と言っても僅かですが…。

やりましたー。

 


h1, h2, h3

まずはこちら。
h1, h2, h3 を設定しました。

既に表示してしまっていますが、

h1

 

h2

 

h3

 

このように、まぁなんというか、ボーダーの左と下を表示させるという、よくあるやつですね。
基本的な色は同じで、左と下のボーダーの太さは h1→h3 で段々小さくなり、角の丸さは段々大きくなるよう、変化を持たせるようにしました。
色に関しては、暖色系になるよう心がけたです。

ベンダープレフィックスは付けていません。

面倒なので(汗

でも表示されてるみたいですね。
しかし box-shadow だけは Firefox でないと表示されません(ベンダープレフィックスを書いたのでですが Chrome だと表示されませんでした)。

このへんはよくわからず!(`・ω・´)
居直ってますw

 

なお、h4, h5, h6 おそらく使わないだろうと思って何もしてませんです。

 

blockqoute

  • イタリックではなくした
  • ヒラギノ 丸ゴシックにした
  • フォントの大きさをちょっとだけ小さくした
  • 背景色を付けた
  • 角を丸くした
  • 下のマージンを付けた

これが変えたところです。

こんな感じになりますです。
ほいほいっとな。

blockquote はまだちょっと調整中というか、これこれこれでバッチリ! という感じではないので、もうちょっと手直し入れるかもしれません。

 

各ポストのタイトル

h1 の子要素だったようで、h1 での修正が反映されてしまったので、ボーダーと背景色と box-shadow の設定を無しにしました。

 

だいだいこんな感じかな

調整といっても僅かですが、よく使う項目なので、なかなかに目立っていますね。
これでしばらく使ってみて、また見直しをかけたいと思います。

 

RSS 登録

もしこのブログを気に入っていただけたのなら、RSS 登録をお願いします。
最新情報をお届けします。

follow us in feedly