はてなブログ 目次に背景色をつける方法

はてなブログ Perfect GuideBook

目次に背景色をつける方法

CSS

デザインCSSに以下のCSSを記述します。

.entry-content ul {
  margin: 0 0 0 1.5em;
  padding: 0 0 0 1.5em;
}

.table-of-contents{
  padding: auto;
  border-radius: 5px;
  background: #f0f0f0; /* 背景色 */
}

リストに背景色が繁栄されない問題の解決方法

リストに背景色が繁栄されないため力技で以下CSSを追記しました。デフォルトだとpaddingが0なのが原因だと思います。もっと正しい修正方法があれば教えて欲しいです。

.entry-content ul {
  margin: 0 0 0 1.5em;
  padding: 0 0 0 1.5em;
}

参考

• http://www.bombkun.com/entry/2016/02/27/082805

• はてなブログ Perfect GuideBook

はてなブログ Perfect GuideBook