首頁?>?知識(shí)?資訊?>?css中l(wèi)i和ul標(biāo)簽范例參考。?>?正文

css中l(wèi)i和ul標(biāo)簽范例參考。

2012/7/3 0:00:00 · 稿源:傳誠信

傳誠信網(wǎng)頁代碼的格式化設(shè)計(jì):

A).運(yùn)用CSS格式化列表︰ ul li{?
list-style-type:none;?
}?
B).如果你想將網(wǎng)頁中的列表設(shè)計(jì)成圖像,則︰ ul li{?
list-style-type:none;?
list-style-image: url(/blog/images/icon.gif);?
}?
C).為了讓左邊對(duì)齊,可以用如下網(wǎng)頁代碼︰ ul{?
list-style-type:none;?
margin:0px;?
}?
D ).如果想給列表設(shè)計(jì)背景色,可以用如下網(wǎng)頁代碼︰ ul{?
list-style-type: none;?
margin:0px;?
}?
ul li{?
background:#CCC;?
}?
E).如果想給列表設(shè)計(jì)MOUSEOVER背景變色效果,可以用如下網(wǎng)頁代碼︰ 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中的元素水準(zhǔn)排列,關(guān)鍵FLOAT:LEFT︰ ul{?
list-style-type:none;?
width:100%;?
}?
ul li{?
width:80px;?
float:left;?
}?

  • 的區(qū)別
  • 的參數(shù)設(shè)定(常用)︰

    例如︰

  • type="square"?
    只適用于非順序清單,設(shè)計(jì)設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為type="disc"︰?
    符號(hào)是當(dāng)type="disc"時(shí)的列項(xiàng)符號(hào)。
    符號(hào)if" width=10 height=10 border=0>是當(dāng)type="circle"時(shí)的列項(xiàng)符號(hào)。
    符號(hào)是當(dāng)type="square"時(shí)的列項(xiàng)符號(hào)。
    value="4"?

    參考(js-hbsb.cn)
    只適用于順序清單,設(shè)定該一項(xiàng)的數(shù)目,其后各項(xiàng)將以此作為起始數(shù)目而遞增,但前面各項(xiàng)則不受影響,其值只能是1,2,3..等整數(shù),沒有內(nèi)定值。

      稱為無序清單標(biāo)記。
      所謂無序清單就是在每一項(xiàng)前面加上、、等符號(hào),故又稱符號(hào)清單。
        的參數(shù)設(shè)定(常用)︰?
        例如︰

          type="square"?
          設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為type="disc"︰?
          符號(hào)是當(dāng)type="disc"時(shí)的列項(xiàng)符號(hào)。
          符號(hào)是當(dāng)type="circle"時(shí)的列項(xiàng)符號(hào)。
          符號(hào)是當(dāng)type="square"時(shí)的列項(xiàng)符號(hào)。

            是項(xiàng)目列表,
          • 是列表項(xiàng),項(xiàng)目列表就是用符號(hào)來列的,所以你列出來默認(rèn)的就是黑點(diǎn)啦,還有一個(gè)是
              這個(gè)是編號(hào)列表,用數(shù)字來列的,也是用
            1. 做列表項(xiàng)

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


                  本文作者來自北京傳誠信,轉(zhuǎn)載請(qǐng)注明出處:北京傳誠信(js-hbsb.cn


                  ???? 選擇北京網(wǎng)站建設(shè)公司-傳誠信,優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過 !

                  1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證

                  (配送雙線獨(dú)立ip空間,國際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)
                  2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
                  3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
                  -----------------------------------------------------------------------------------------------------

                  我們的與眾不同之處:

                  免費(fèi)網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(wù),網(wǎng)站制作等的事宜,歡迎隨時(shí)聯(lián)系我們。

                  seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁面生成等等,讓您的網(wǎng)站。

                  免費(fèi)網(wǎng)絡(luò)營銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
                  如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開放給您!祝君成功!
                  聯(lián)系我們:010-62199213 62122723-808? 400-697-8610? 徐小姐

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354