使无序列表li前面的序号变成这样①②...

今天在看别人的面试经历的时候，碰到了这样一个题，刚开始还觉得只是li的list-style-type，但是突然一想，根本就没有这个type，仔细一想，这个应该是考察你的css，那么我就使用css解决了这个问题：
html代码如下：

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

css如下：

span{
      text-align: center;
      display:inline-block;
      background-color:white;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      line-height: 25px;
      margin-right: 10px;
      border:1px solid black;
}
li{
     list-style-type: none;
}

结果如下：