第六章:html列表 二維碼
324
今天我們開(kāi)始學(xué)習(xí)《十天學(xué)會(huì)web標(biāo)準(zhǔn)(div+css)》的html列表,包含以下內(nèi)容和知識(shí)點(diǎn):
一、ul無(wú)序和ol有序列表 無(wú)序列表是web標(biāo)準(zhǔn)布局中最常用的樣式,代碼如下: <div id="layout"> <ul> <li><a title="第五天 超鏈接偽類" href="/div_css/906.shtml" target="_blank">第五天 超鏈接偽類</a></li> <li><a title="第四天 縱向?qū)Ш讲藛?quot; href="/div_css/905.shtml" target="_blank">第四天 縱向?qū)Ш讲藛?lt;/a></li> <li><a title="第三天 二列和三列布局" href="/div_css/904.shtml" target="_blank">第三天 二列和三列布局</a></li> <li><a title="第二天 一列布局" href="/div_css/903.shtml" target="_blank">第二天 一列布局</a></li> <li><a title="第一天 XHTML CSS基礎(chǔ)知識(shí)" href="/div_css/902.shtml" target="_blank">第一天 XHTML CSS基礎(chǔ)知識(shí)</a></li> </ul> </div>
這就是有無(wú)序列表,是以u(píng)l包含li的形式,默認(rèn)每行前的符號(hào)是圓點(diǎn),可以通過(guò)樣式表改為無(wú)、方塊,空心圓等。有序列表是以ol包含li的形式,是以數(shù)字為項(xiàng)目符號(hào)的,無(wú)序列表也可以用css定義顯示成有序列表,代碼及顯示效果如下: <div id="layout"> <ol> <li><a title="第五天 超鏈接偽類" href="/div_css/906.shtml" target="_blank">第五天 超鏈接偽類</a></li> <li><a title="第四天 縱向?qū)Ш讲藛?quot; href="/div_css/905.shtml" target="_blank">第四天 縱向?qū)Ш讲藛?lt;/a></li> <li><a title="第三天 二列和三列布局" href="/div_css/904.shtml" target="_blank">第三天 二列和三列布局</a></li> <li><a title="第二天 一列布局" href="/div_css/903.shtml" target="_blank">第二天 一列布局</a></li> <li><a title="第一天 XHTML CSS基礎(chǔ)知識(shí)" href="/div_css/902.shtml" target="_blank">第一天 XHTML CSS基礎(chǔ)知識(shí)</a></li> </ol> </div>
二、改變項(xiàng)目符號(hào)樣式或用圖片定義項(xiàng)目符號(hào) 剛才說(shuō)了項(xiàng)目符號(hào)默認(rèn)是圓點(diǎn),可以通過(guò)樣式表改為其它形式,下面實(shí)際操作一下:
從樣式表編輯器中可以看到,有好多種形式,包括改為ol默認(rèn)那樣以數(shù)字有序列表顯示。另外項(xiàng)目符號(hào)還可以以圖像形式,如下圖:
這種形式對(duì)圖像控制不是很靈活,所以實(shí)際應(yīng)用當(dāng)中一般用背景圖片來(lái)實(shí)現(xiàn),在上例基礎(chǔ)上將項(xiàng)目符號(hào)設(shè)置為 list-style: none;,然后
以信載商,良心建站。遨游始終秉承“一次建站、終身維護(hù)”的宗旨,竭誠(chéng)為客戶提供最優(yōu)質(zhì)的互聯(lián)網(wǎng)服務(wù)。遨游建站率先植入seo優(yōu)化理念,讓你的網(wǎng)頁(yè)更利于搜索引擎抓取,關(guān)鍵詞排名更靠前。可仿站、可定制。無(wú)論是傳統(tǒng)型企業(yè)官網(wǎng)、集團(tuán)型品牌官網(wǎng),還是營(yíng)銷型網(wǎng)站、電商型網(wǎng)站、定制型網(wǎng)站、特殊行業(yè)網(wǎng)站(醫(yī)療、教育),全部搞定。 公司:網(wǎng)站建設(shè)_小程序設(shè)計(jì)_競(jìng)價(jià)托管代運(yùn)營(yíng)公司;郵箱:1013601535@qq.com 手機(jī):17073547034;QQ: 1013601535 在線留言咨詢,24小時(shí)內(nèi)回復(fù)
我想咨詢 *
企業(yè)名稱
手機(jī)號(hào)碼 *
您的姓名
所在城市 提交 |
網(wǎng)站建設(shè)問(wèn)題
熱門(mén)標(biāo)簽
網(wǎng)站建設(shè)多少錢(qián) 網(wǎng)站改版多少錢(qián) 高端網(wǎng)站建設(shè) 響應(yīng)式網(wǎng)站建設(shè)多少 營(yíng)銷型網(wǎng)站建設(shè)多少錢(qián) 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站建設(shè)制作費(fèi)用 網(wǎng)站設(shè)計(jì)多少錢(qián) 網(wǎng)站優(yōu)化 網(wǎng)站制作多少錢(qián) 做網(wǎng)站 外貿(mào)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 最新發(fā)布 |