はてなブログの目次のデザインをCSSで変更する方法 - すずろぐこんばんは、すずしんです。 はてなブログでは、目次を記事に表示することができるのですが…。 デフォルトのデザインだと、目次が何というか味気ないですね。 そこで、CSSを使って目次のデザインを変更してみることにしました。 もし、このデザインが気に入って頂ければ、ぜひコピペして利用してみてください。 目次の表示方法 目次のデザインの変更方法 「目次」の表記の追加 目次のデザインのサンプル例 ひとこと 目次の表示方法 記事に目次を表示するには、記事の表示したい場所に[:contents]と書きます。 表示したい場所の行頭に記述してくださいね。 文字や空白を入れてはいけませんので注意してください。 プレビューを見てみると、正しく書いてあれば目次が挿入されているはずです。 目次のデザインの変更方法 目次がどのようなタグ構成になっているかを、ソースコードを見て確認してみました。 すると、例えば以下のよ
