思洋互动网站建设学前班

三、list-style-position属性

list-style-position属性，是用来定义项目符号在列表中显示位置的属性。它同样是一个可继承的属性，语法结构如下：

list-style-position:inside/outside
广州网站建设,网站建设,广州网页设计,广州网站设计

inside：项目符号放置在文本以内。
outside：项目符号放置在文本以外。
使用list-style-position属性的示例如下：

1. li{  
2. list-style-type:square;  
3. list-style-position:outside;}  
4.  
5. <ul> 
6. <li>这里是使用list-style-position属性值为outside的示例。  
7. 请注意换行以后项目符号的位置。li> 
8. <li>这里是列表内容li> 
9.  
10. <li>这里是列表内容li> 
11. ul> 
12.  

效果如下图所示。

再来看一下属性值为inside的样式。
广州网站建设,网站建设,广州网页设计,广州网站设计

1. li{  
2. list-style-type:square;  
3. list-style-position:inside;}  
4.  
5. <ul> 
6. <li>这里是使用list-style-position属性值为inside的示例。请注意换行以后项目符号的位置。li> 
7. <li>这里是列表内容li> 
8. <li>这里是列表内容li> 
9. ul> 
10.