将背景图像添加到<ol>数字

Question

我无法想出使用CSS完成以下任务的优雅方法:

我需要有序列表的数字才能看到蓝绿色的背景.我有这个图像(包括白色笔划):

但我无法弄清楚如何使用CSS将它放在每个数字后面.谢谢.

Answer 1

我可能会这样做:

ol {
    list-style-position: inside;
    color: white;
}
ol li {

    background-image: url('nswCH.png');
    background-position: -5px;
    background-repeat: no-repeat;
    padding-left: 7px;
}