kharukaのブログ～お金と技術とキャリア～

Edu Fin~金融×教育~若いうちからお金について学ぶってだいじ！自分が学んだテクノロジーはみんなの財産！過去、今、将来の人生！についてのブログ

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

テクノロジー デザイン HTML&CSS はてなブログ作成

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

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;
}

参考