Javascript怎么实现下面的序号特效！











怎么实现上图中的序号1 2 3 4 5.....
------解决方案--------------------
楼上的写的很好，很佩服，另外在楼上的基础上补充一下，加了一下字体颜色，加了一下行高和居中，让效果更贴近楼主想要的效果。

<span style="display:inline-block;width:15px;height:15px;line-height:15px;border-radius:8px;background:#820000;font-size:16px; color:#FFF; text-align:center">1</span>