css中li和ul標簽范例參考。 - 北京傳誠信?
傳誠信網頁代碼的格式化設計:
A).運用CSS格式化列表︰ ul li{?list-style-type:none;?}?B).如果你想將網頁中的列表設計成圖像,則︰ ul li{?list-style-type:none;?list-style-image: url(/blog/images/icon.gif);?}?C).為了讓左邊對齊,可以用如下網頁代碼︰ ul{?list-style-type:none;?margin:0px;?}?D ).如果想給列表設計背景色,可以用如下網頁代碼︰ ul{?list-style-type: none;?margin:0px;?}?ul li{?background:#CCC;?}?E).如果想給列表設計MOUSEOVER背景變色效果,可以用如下網頁代碼︰ ul{ list-style-type: none; margin:0px; }?ul li a{ display:block; width: 100%; background:#ccc; }?ul li a:hover{ background :#999; }說明︰display:block;這一行必須要加的,這樣才能塊狀顯示﹗
F).LI中的元素水準排列,關鍵FLOAT:LEFT︰ ul{?list-style-type:none;?width:100%;?}?ul li{?width:80px;?float:left;?}?的區別的參數設定(常用)︰
例如︰
type="square"?只適用于非順序清單,設計設定符號款式,其值有三種,如下,內定為type="disc"︰?符號是當type="disc"時的列項符號。符號if" width=10 height=10 border=0>是當type="circle"時的列項符號。符號是當type="square"時的列項符號。value="4"?
參考(www.ccxcn.com)只適用于順序清單,設定該一項的數目,其后各項將以此作為起始數目而遞增,但前面各項則不受影響,其值只能是1,2,3..等整數,沒有內定值。稱為無序清單標記。所謂無序清單就是在每一項前面加上、、等符號,故又稱符號清單。的參數設定(常用)︰?例如︰
type="square"?設定符號款式,其值有三種,如下,內定為type="disc"︰?符號是當type="disc"時的列項符號。符號是當type="circle"時的列項符號。符號是當type="square"時的列項符號。
是項目列表,是列表項,項目列表就是用符號來列的,所以你列出來默認的就是黑點啦,還有一個是這個是編號列表,用數字來列的,也是用做列表項
是list item 即列表項,但列表有很兩種,所以外面得有 或者 用來區別無序列表(小點點)和有序列表(1,2,3. ..)。
本文作者來自北京傳誠信,轉載請注明出處:北京傳誠信(www.ccxcn.com
???? 選擇北京網站建設公司-傳誠信,優質服務,絕對不容錯過 !
1. 優秀的網絡資源,穩定的網站和速度保證
(配送雙線獨立ip空間,國際A級BGP機房,99.5% 的主機在線時間)