css - 带循环号的有序列表

我正在尝试使用CSS设置有序列表的样式，并使用带有在圆形背景上的数字的字体，因此尝试查找在黑色背景上每个字体都设置为白色/透明数字的1234567890的字体。

任何人都可以推荐一种字体，我在dafont.com之类的网站上徘徊，但是对于我一生来说，不能偶然发现一种将实际数字0-9映射到光盘上数字的字体吗？

像Wingdings这样的字体确实包含这些四舍五入的数字，但是它们位于完全不同的字符上，而不是数字本身，因此无法用于有序列表。

最佳答案

如果找不到找不到您想要的字体的字体，这可能会有所帮助...

http://jsfiddle.net/H5Xyz/

<ul>
    <li><span>1</span></li>
    <li><span>2</span></li>
    <li><span>3</span></li>
    <li><span>4</span></li>
    <li><span>5</span></li>
    <li><span>6</span></li>
    <li><span>7</span></li>
    <li><span>8</span></li>
    <li><span>9</span></li>
</ul>


ul > li {
    list-style-type: none;
    margin: 0 0 0 25px;
}

ul > li > span {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    background: #000;
    text-align: center;
    color: #fff;
}

关于css - 带循环号的有序列表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14836737/