首頁?>?知識?資訊?>?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è)計:

A).運(yùn)用CSS格式化列表︰ ul li{?
list-style-type:none;?
}?
B).如果你想將網(wǎng)頁中的列表設(shè)計成圖像,則︰ ul li{?
list-style-type:none;?
list-style-image: url(/blog/images/icon.gif);?
}?
C).為了讓左邊對齊,可以用如下網(wǎng)頁代碼︰ ul{?
list-style-type:none;?
margin:0px;?
}?
D ).如果想給列表設(shè)計背景色,可以用如下網(wǎng)頁代碼︰ ul{?
list-style-type: none;?
margin:0px;?
}?
ul li{?
background:#CCC;?
}?
E).如果想給列表設(shè)計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è)計設(shè)定符號款式,其值有三種,如下,內(nèi)定為type="disc"︰?
    符號是當(dāng)type="disc"時的列項符號。
    符號if" width=10 height=10 border=0>是當(dāng)type="circle"時的列項符號。
    符號是當(dāng)type="square"時的列項符號。
    value="4"?

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

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

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

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

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


                  本文作者來自北京傳誠信,轉(zhuǎn)載請注明出處:北京傳誠信(m.saddlebargains.com


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

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

                  (配送雙線獨(dú)立ip空間,國際A級BGP機(jī)房,99.5% 的主機(jī)在線時間)
                  2. 7年北京網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
                  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)站制作等的事宜,歡迎隨時聯(lián)系我們。

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

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

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

010-62199213

24小時咨詢熱線

139-1050-5354