list-style-type:disc把这个去掉 默认就是圆点的。
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
1990年，Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年，Web真正走出实验室。
从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。
上述样式一般通过取消默认的list标记，然后以图片的形式实现；但是，也可以直接设置li的样式实现，思路是在li标签下嵌套span标签，然后将li的样式设置为红色，字号较大，而span为正常的样式。下面给出后者的实例演示：
创建Html元素
<div class="box"><span>通过设置li及其子元素span的不同样式将li默认的黑色标记改为红色，且显示较大：</span><br>
<div class="content">
<ul class="test">
<li><span>Glen</span></li>
<li><span>Tane</span></li>
<li><span>John</span></li>
<li><span>Ralph</span></li>
</ul>
</div>
<div class="content">
<ul>
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>
</div>
</div>
设置css样式
div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}div.box>span{color:#999font-style:italic}
div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}
li{margin:5px 0}
ul.test li{color:redfont-size:30px}
ul.test li span{display:inline-blockcolor:blackfont-size:16px}
观察对比效果
