设置li标签的list-style属性为none
如下例子
li标签在没有设置li{list-style:none}的时候，前面是有圆点的，设置之后，圆点消失
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li{list-style: none}/*这里设置*/
</style>
</head>
<body>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</body>
</html>
出现这个问题的原因：通常我们都会有一个css-reset初始化所有html的margin:0padding:0的公共样式文件。当margin:0或者padding:0时，如果我们没有设置list-style-position为inside的时候就会出现这种情况。
解决办法：设置 list-style: square inside。或者给 ul 增加margin或者padding的left边距。
