CSS教程 li和ul標籤用法舉例

2021-04-14 01:24:52 字數 1255 閱讀 4169

li**的格式化:

a).運用css格式化列表符: 

以下是引用片段:

ul li

b).如果你想將列表符換成影象,則: 

以下是引用片段:

ul li

c).為了左對齊,可以用如下**: 

以下是引用片段:ul

d).如果想給列表加背景色,可以用如下**: 

以下是引用片段:

ul ul li

e).如果想給列表加mouseover背景變色效果,可以用如下**:

以下是引用片段:

ul ul li a

ul li a:hover說明:display:block;這一行必須要加的,這樣才能塊狀顯示!

f).li中的元素水平排列,關鍵float:left: 

以下是引用片段:

ul ul li 

的區別

的引數設定(常用): 

例如:

type="square"

只適用於非順序清單,設定符號款式,其值有三種,如下,內定為 type="disc":

以下是引用片段:

符號 是當 type="disc" 時的列項符號。

符號 if" width=10 height=10 border=0> 是當 type="circle" 時的列項符號。

符號 是當 type="square" 時的列項符號。

value="4"

只適用於順序清單,設定該一項的數目,其後各項將以此作為起始數目而遞增,但前面各項則不受影響,其值只能是 1,2,3.. 等整數,沒有內定值。

稱為無序清單標記。

所謂無序清單就是在每一項前面加上 、、等符號,故又稱符號清單。

的引數設定(常用):

例如:

type="square"

設定符號款式,其值有三種,如下,內定為 type="disc":

以下是引用片段:

符號 是當 type="disc" 時的列項符號。

符號 是當 type="circle" 時的列項符號。

符號 是當 type="square" 時的列項符號。

是專案列表,是列表項,專案列表就是用符號來列的,所以你列出來預設的就是黑點,還有乙個是這個是編號列表,用數字來列的,也是用做列表項

是 list item 即列表項,但列表有很兩種,所以外面得有 或者 用來區別無序列表(小點點)和有序列表(1,2,3...)。

CSS教程 li和ul標籤用法舉例

li 的格式化 a 運用css格式化列表符 以下是引用片段 ul li b 如果你想將列表符換成影象,則 以下是引用片段 ul li c 為了左對齊,可以用如下 以下是引用片段 ul d 如果想給列表加背景色,可以用如下 以下是引用片段 ul ul li e 如果想給列表加mouseover背景變色...

CSS教程 li和ul標籤用法舉例

li 的格式化 a 運用css格式化列表符 ul li b 如果你想將列表符換成影象,則 ul li c 為了左對齊,可以用如下 ul d 如果想給列表加背景色,可以用如下 ul ul li e 如果想給列表加mouseover背景變色效果,可以用如下 ul ul li a ul li a hove...

CSS教程 li和ul標籤用法舉例

li 的格式化 a 運用css格式化列表符 ul li b 如果你想將列表符換成影象,則 ul li c 為了左對齊,可以用如下 ul d 如果想給列表加背景色,可以用如下 ul ul li e 如果想給列表加mouseover背景變色效果,可以用如下 ul ul li a ul li a hove...