CSS List 入門教程

CSS List 入門教程,list指得是在css中的li等標籤的控制了,面list也有四個屬性,其實有五個我們只講常用的4個了,他們分別為:list-style,list-style-image,list-style-position,list-style-type

好了下面我一個個來舉例來說說這個的使用方法與教程吧.

1.CSS list-style

所有屬性的列表在一個聲明,顯示方式,可以繼承:

list-style執行個體.

ul
{
list-style: disc outside
}
ol
{
list-style: decimal inside
}

2.li list-style-image 執行個體

它是設定li顯示的圖片背景.

 li
{
list-style-image: url(blueball.gif);
list-style-type: circle
} 
 

3.css list-style-position 執行個體.

list-style-position 標記列表以何種方式 顯示.

li
{
list-style-position: inside
}

4.list-style-type

定義
該列表樣式類型集的類型清單項目標記。

注意：有些瀏覽器只支援“光碟片”的價值。

繼承：是

 ul
{
list-style-type: disc
}

而list-style-type有很多屬性.我就不一一定出了.轉載請註明www.111cn.net/cssdiv/css.html