*{ paddding:0 margin:0}
li{ list-style-type:none}
b{font-weight:normalpadding:0 10px}
p{line-height:30px}
</style>
<ul style="font-size:14px color:#eee">
<li>
<b style=" color:#f00 font-size:15px">姓名<b>
<span style="color:#f00 font-size:15px">奖品</span>
</li>
<li>
<p>
<b>姓名</b><span>海盗双人五日游</span>
</p>
<p>
<b>岛封</b><span>海盗双人五日游</span>
</p>
</li>
<li>
<p>
<b>姓名</b><span>海盗双人五日游</span>
</p>
<p>
<b>岛封</b><span>海盗双人五日游</span>
</p>
</li>
<li>
<p>
<b>姓名</b><span>海盗双人五日游</span>
</p>
<p>
<b>岛封</b><span>海盗双人五日游</span>
</p>
</li>
<li>
<p>
<b>姓名</b><span>海盗双人五日游</span>
</p>
<p>
<b>岛封</b><span>海盗双人五日游</span>
</p>
</li>
<li>
<p>
<b>姓名</b><span>海盗双人五日游</span>
</p>
<p>
<b>岛封</b><span>海盗双人五日游</span>
</p>
</li>
</ul>
给li加上list-style:none这个CSS样式就可以去掉了！list-style这个属性就是控制
的列表项目标记，默认是实心点，相当于加上了list-style:disc
设置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></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</body>
</html>
