HTML/CSS中有序、无序、定义列表用法详解

CSS中用

和
来分别表示有序和无序列表，即有无序号，基本格式如下：






这是一个无序列表：




     
• 今天

     
• 明天

     
• 后天





这是一个嵌套的无序列表：




 
• 今天

 
• 明天
     
  
     
  • 今天
  
   
  • 明天
  
   
  • 后天
  
           
  
             
  • 今天今天今天今天今天今天今天今天今天
  
             
  • 明天明天明天明天明天明天明天明天
  
             
  • 后天后天后天后天后天
  
           
  
           
  
             
  • 今天今天今天今天今天今天今天今天今天
  
             
  • 明天明天明天明天明天明天明天明天
  
             
  • 后天后天后天后天后天
  
           
  
  
  
       
  2. 时间
  
       
  3. 金钱
  
       
  4. 权利
  
       
  5. 自由
  
  
  
     
  
   

 
• 今天








     

无序列表

不以数字为开始，而是使用一个符号作为分项标记的列表。


     

有序列表

使用数字编号，分项带有顺序性质的列表。


     

定义列表

用于解释名词的列表，包含了两种层次，一是名词，一是名词的解释。







其中list-style-type属性表示列表的项目符号的类型，其值有：
none:没有符号
disc: 实心圆（默认）。
circle: 空心圆。


square: 实心方块。

decimal：数字。

lower-roman：小写罗马数字。

upper-roman：大写罗马数字。

lower-alpha：小写英文字母。

upper-alpha：大写英文字母。

也可写作 style="list-style-type:square"。
list-style-image属性用来定义使用图片代替项目符号,例如：
li{list-style-image:url(images/bg03.gif);}
list-style-position属性，是用来定义项目符号在列表中显示位置的属性，属性值有：
inside：项目符号放置在文本以内。
outside：项目符号放置在文本以外。


当然

中的属性有：

type
1 :阿拉伯数字
a:英文小写
A:英文大写
i:罗马小写数字
I:罗马大写数字
start编号样式的起始数字，如：编号样式设为A，起始值设置为2