DIV CSS 佈局教程網

你對CSS中的ul與li樣式的使用是否熟悉，這裡和大家分享一下，在CSS中有專門控制列表表現的屬性，常用的有list-style-type屬性、list-style-image屬性、list-style-position屬性和list-style屬性。

CSS中的ul與li樣式詳解

ul和li列表是使用CSS布局頁面時常用的元素。在CSS中，有專門控制列表表現的屬性，常用的有list-style-type屬性、list-style-image屬性、list-style-position屬性和list-style屬性。

一、list-style-type屬性

list-style-type屬性是用來定義li列表的項目符號的，即列表前面的修飾。list-style-type屬性是一個可繼承的屬性。其語法結構如下：（列舉一些常用的屬性值）

list-style-type:none/disc/circle/square/demical/lower-alpha/upper-alpha/lower-roman/upper-roman

list-style-type屬性的屬性值有很多，在這裡我們只是列舉了比較常用的幾個。

none：不使用項目符號。
disc：實心圓。
circle：空心圓。
square：實心方塊。
demical：阿拉伯數字。
lower-alpha：小寫英文字母。
upper-alpha：大寫英文字母。
lower-roman：小寫羅馬數字。
upper-roman：大寫羅馬數字。
使用list-style-type屬性的示例代碼如下：

li{  
list-style-type:square;}  
<ul> 
<li>這裡是列表內容li> 
<li>這裡是列表內容li> 
<li>這裡是列表內容li> 
ul> 
 

該樣式應用到頁面的效果如下圖所示。