はてなブログのカテゴリをカスタマイズする方法

皆さんこんにちは、こつぶです！
はてなブログのカスタマイズって楽しいですよね。

今回は、はてなブログのカテゴリをカスタマイズする方法をご紹介します！

はてなブログのカテゴリの構造

はてなブログのカテゴリの構造はこんな感じになっています。

カテゴリ名をカスタマイズするには？

はてなブログのカテゴリ名の部分は、『class名：hatena-module-title』で管理しています。

カスタマイズしたい場合は、.hatena-module-title { }にCSSを追加することでデザインを変更することができます。

カテゴリ名のリセットCSS

.hatena-module-title,
.hatena-module-title:before,
.hatena-module-title:after {
  background: none;
  border: none;
  border-radius: 0;
}

リセットしているのは『背景色（background）』『線（border）』『角丸（border-radius）』の３つです。

場合によっては『マージン（margin）』とか『パディング（padding）』も、リセットCSSに追加してもいいと思います。