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

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

   
  • 11
  • 22
  • 33
  • 44
  • 55
  • 66

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;
}

结果如下:


使无序列表li前面的序号变成这样①②..._第1张图片

你可能感兴趣的:(使无序列表li前面的序号变成这样①②...)