今天在看别人的面试经历的时候,碰到了这样一个题,刚开始还觉得只是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;
}
结果如下:

网友评论