html - スタイル付きの 10 進数を含む UL リスト項目

Question

ボーダー半径と背景色を使用してリスト項目番号 (10 進数) のスタイルを設定する必要があるリスト項目のセットを作成する必要があります。

これは、リスト項目をどのように見せたいかのスナップショットです。

Li に境界線の半径、背景を配置しようとしましたが、探している出力を取得できませんでした。

ここに私がこれまでに試したことのWORKING LINKがあります。正しく表示されていなかったので、border-radius、background などを削除しました。

HTML:

<ul>
    <li>Text Character</li>
    <li>Text Character</li>
    <li>Text Character</li>
    <li>Text Character</li>
    <li>Text Character</li>
</ul>

CSS:

li{list-style-type:decimal;}

上記の解決策を以下に提供してください..

• スプライト/背景画像ソリューションであってはなりません
• リスト項目で境界線の半径と背景色を使用する必要がある解決策を探しているだけですが、それを試してみましたが、参照画像で思い通りに動作しませんでした。

ソリューション待ち。