一、无序列表（ul:unordered lists）

     
      
列表内容1
      
列表内容2
      
列表内容3
     

list-style-type:disc（实心圆）|circle（空心圆）|square（正方形）|none;

如果要分别定义每个列表的样式，可以通过如下代表实现：

     
      
列表内容1
      
列表内容2
      
列表内容3
     

结果如下：

PS:1、可以通过list-style-image:none|url(图片路径);实现给列表插入项目图片的效果；

    2、可以通过在css里添加li{float:left;}，实现列表的列转行效果。

二、有序列表（ol:ordered lists）

list-style-type:decimal（阿拉伯数字1,2,3,...）|upper-alpha（A,B,C,...）|lower-alpha（a,b,c,...）|upper-roman（I,II,III,...）|lower-roman（i,ii,iii,...）|none;

代码如下：

     
      
列表内容1
      
列表内容2
      
列表内容3
     
     
      
列表内容1
      
列表内容2
      
列表内容3
     
     
      
列表内容1
      
列表内容2
      
列表内容3
     

实现结果如下：

三、定义列表（dl:definition list, dt:definition title, dd:definition description）

     
      
       列表一
      
 
      
       列表内容1
      
      
       列表内容2
      
      
       列表内容3
      
      
       列表二
      
 
      
       列表内容4
      
      
       列表内容5
      
      
       列表内容6
      
     

执行结果如下：