ul、li用(yòng)法中的(de)好(hǎo₩¶×)搭擋
日(rì)期:2013-05-07發布:首創網絡浏覽:760次
ul、li用(yòng)法中的(de)好(hǎo)搭擋。在制(z≥∞ hì)作(zuò)html時(shí)我們常用(yòn÷✘g)到(dào)ul和(hé)li這(zhè)對β★§∏(duì)好(hǎo)的(de)搭擋、正是(s•≥hì)因為(wèi)它們的(de)方便好(hǎo)用(yòn↔©↑g),才如(rú)此廣泛應用(yòng),下(≥×♦∑xià)面介紹下(xià)它們的(de)css樣式,幫助大(dà)家(jiā) ₩更好(hǎo)的(de)來(lái)掌握它們的(de)用(yò↑π§ng)法: LI代碼的(de)格式化(huà): A).運用(y¥₩òng)CSS格式化(huà)列表符:ulli{ lis···
本文(wén)關鍵字:、,用(yòng)法,中的(de),≠≤♠好(hǎo),搭擋,、,用(yòng)法,中的("÷de),好(hǎo),搭擋,
ul、li用(yòng)法中的(de)★&←好(hǎo)搭擋。在制(zhì)作(zuò)html時(shí)我們常用(÷€ €yòng)到(dào)ul和(hé)li這(zhè)對(dδ♦εuì)好(hǎo)的(de)搭擋、正是(shì)因為(wèi)₹☆≤它們的(de)方便好(hǎo)用(yòng),才如(♦γ™>rú)此廣泛應用(yòng),下(xià)面介紹下(xià)它們的(de)c$✔ss樣式,幫助大(dà)家(jiā)更好(hǎo)的( §≠de)來(lái)掌握它們的(de)用(yòng)法:
LI代碼的(de)格式化(huà):
A).運用(yòng)CSS格式化(huà)∏&¶€列表符:ulli{
list-style-type:none;
}
B).如(rú)果你(nǐ)想将列表符換成圖像,則:u↕γlli{
list-style-type:none;
list-style-image:url(/blog/γ☆÷images/icon.gif);
}
C).為(wèi)了(le)左對(duì)齊,可(£♥kě)以用(yòng)如(rú)下(xià)代碼:ul{
list-style-type:none;
margin:0px;
}
D).如(rú)果想給列表加背景色,可(kě ®'☆)以用(yòng)如(rú)下(xià)代碼:ul{↓δ
list-style-type:none;
margin:0px;
}
ulli{
background:#CCC;
}
E).如(rú)果想給列表加MOUSEOV≈₽∞€ER背景變色效果,可(kě)以用(yòng)如(rú)下(xià)代<¶♦碼:ul{list-style-type:none;margin:0p× x;}
ullia{display:block;width:100%;bac∞∑÷∏kground:#ccc;}
ullia:hover{backgroun≥ d:#999;}說(shuō)明(míng):displa∞₩ y:block;這(zhè)一(yī)行(xíngβ♥±)必須要(yào)加的(de),這(zhè)樣才能(néng)塊狀顯÷↓>示!
F).LI中的(de)元素水(shuǐ)平排列$×π',關鍵FLOAT:LEFT:ul{
list-style-type:none;
width:100%;
}
ulli{
width:80px;
float:left;
}
- 的(de)區(qū)别
- 的(de)參數(shù)設定(常用(yòng)):≈♣←←
例如(rú):
type="square"
隻适用(yòng)于非順序清單,設定β ™符号款式,其值有(yǒu)三種,如(rú)下☆₽(xià),內(nèi)定為(wèi)type="disc":
符号是(shì)當type="disc"♣'±時(shí)的(de)列項符号。
符号if"width=10height=10border=0≠↓¶>是(shì)當type="circle"時(shí)的(de)列♥ ÷項符号。
符号是(shì)當type="square"時(shí)的(de)列項符×¶γ 号。
value="4"
隻适用(yòng)于順序清單,設定該≤Ωπ≈一(yī)項的(de)數(shù)目,其後各項将$Ωδ以此作(zuò)為(wèi)起始數(shù)目而遞增"≥♠>,但(dàn)前面各項則不(bù)受影(yǐ✘§™$ng)響,其值隻能(néng)是(shì® ♥)1,2,3..等整數(shù),沒有(yǒu)內(nèi)定值。β÷
- 稱為(wèi)無序清單标記。
- 是(shì)列表項,項目列表就(jiù)是(shì)用(yò >ng)符号來(lái)列的(de),所以你(nǐ)列出來(λ♦₹lái)默認的(de)就(jiù)是(shì)黑(hēi)點啦,還(hái)有™↑≈(yǒu)一(yī)個(gè)是(shì)
- 這(zhè)個(gè)是(shì)編号列表,用(yòng)數(shù)&↑↔♦字來(lái)列的(de),也(yě)是(shì)用(yòn•βλg)
- 做(zuò)列表項
- 是(shì)listitem即列表項,但(dàn)列表有®♦↓(yǒu)很(hěn)兩種,所以外(wài)面得(d♠✘e)有(yǒu)
- 或者
- 用(yòng)來(lái)區(qū)别無序列表(小(xiǎo€)點點)和(hé)有(yǒu)序列表(1,2,3...)。
- 做(zuò)列表項
所謂無序清單就(jiù)是(shì)在每一(yī)項前面加α↔上(shàng)、、等符号,故又(yòu)稱符£®÷号清單。
- 的(de)參數(shù)設定(常用(yòn¶≈™→g)):
例如(rú):
type="square"
設定符号款式,其值有(yǒu)三種,如(rú)下(xià),內(nèi)≤ ≤定為(wèi)type="disc":
符号是(shì)當type="disc"時(shí)的(de)列項符号。↓±≠
符号是(shì)當type="circle"時(shí)的β★(de)列項符号。
符号是(shì)當type="square"時δ♠ε(shí)的(de)列項符号。
- 是(shì)項目列表,
- 是(shì)列表項,項目列表就(jiù)是(shì)用(yò >ng)符号來(lái)列的(de),所以你(nǐ)列出來(λ♦₹lái)默認的(de)就(jiù)是(shì)黑(hēi)點啦,還(hái)有™↑≈(yǒu)一(yī)個(gè)是(shì)
- 歡迎大(dà)家(jiā)閱讀(dú)浏覽,♦♣ε部分(fēn)內(nèi)容來(lái)源于網絡≥<₹,如(rú)有(yǒu)侵權,請(qǐnδδ←×g)聯系我們删除!
- 上(shàng)一(yī)條:教你(nǐ)書(shū)寫标準的(de)CSS命名↓Ωφ∑寫法
- 下(xià)一(yī)條:絕對(duì)居中于不(bù)同浏覽器(qì)的(de)另類≠解決方案
服務項目
熱(rè)門(mén)信息
- 邯鄲網絡公司:模闆建站(zhàn)的(de)好(hǎo)處有(yǒu)哪些(≥×☆★xiē)?
- 3642024-04-25

- 4.9日(rì)訊,企業(yè)網站(zhàn)建設如(rú)何發揮網絡¶營銷功能(néng)?
- 4092024-04-09

- 邯鄲網絡公司:網站(zhàn)建設開(k♥∑£™āi)發有(yǒu)哪些(xiē)細節需要(yào)注意?
- 5402024-03-07

- 邯鄲網絡公司:外(wài)貿網站(zhàn)制(zhì)作(zuò)的(dδ∞e)8個(gè)步驟
- 3772024-03-05

- 簡單3步,輕松做(zuò)企業(yè)官網
- 6822024-02-18
