mozmoz

| ウェブのあれこれ中心のブログです

【CSS】olの数字をBoldにする方法

2023年1月5日

このサイトのCSSを調整しているときに、ol要素の数字だけをピンポイントでboldにしたり、サイズを調整したい時ってどうすればいいんだっけ・・・?と躓いたので忘備録。

::makerを使う

html

<ol>
  <li>リストその1</li>
  <li>リストその2</li>
  <li>リストその3</li>
  <li>リストその4</li>
</ol>

CSS

  ol li::maker {
    font-weight: bold;
    font-size: 14px
  }

ちなみに色も変えられます。
olの数字をCSSで装飾したいときにどうぞ!