<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    qileilove

    blog已經(jīng)轉(zhuǎn)移至github,大家請(qǐng)?jiān)L問 http://qaseven.github.io/

    CSS 列表

    CSS 列表屬性允許你放置、改變列表項(xiàng)標(biāo)志,或者將圖像作為列表項(xiàng)標(biāo)志。

    CSS 列表

    從某種意義上講,不是描述性的文本的任何內(nèi)容都可以認(rèn)為是列表。人口普查、太陽(yáng)系、家譜、參觀菜單,甚至你的所有朋友都可以表示為一個(gè)列表或者是列表的列表。

    由于列表如此多樣,這使得列表相當(dāng)重要,所以說,CSS 中列表樣式不太豐富確實(shí)是一大憾事。

    列表類型

    要影響列表的樣式,最簡(jiǎn)單(同時(shí)支持最充分)的辦法就是改變其標(biāo)志類型。

    例如,在一個(gè)無序列表中,列表項(xiàng)的標(biāo)志 (marker) 是出現(xiàn)在各列表項(xiàng)旁邊的圓點(diǎn)。在有序列表中,標(biāo)志可能是字母、數(shù)字或另外某種計(jì)數(shù)體系中的一個(gè)符號(hào)。

    要修改用于列表項(xiàng)的標(biāo)志類型,可以使用屬性 list-style-type

    ul {list-style-type : square}

    上面的聲明把無序列表中的列表項(xiàng)標(biāo)志設(shè)置為方塊。

    列表項(xiàng)圖像

    有時(shí),常規(guī)的標(biāo)志是不夠的。你可能想對(duì)各標(biāo)志使用一個(gè)圖像,這可以利用 list-style-image 屬性做到:

    ul li {list-style-image : url(xxx.gif)}

    只需要簡(jiǎn)單地使用一個(gè) url() 值,就可以使用圖像作為標(biāo)志。

    列表標(biāo)志位置

    CSS2.1 可以確定標(biāo)志出現(xiàn)在列表項(xiàng)內(nèi)容之外還是內(nèi)容內(nèi)部。這是利用 list-style-position 完成的。

    簡(jiǎn)寫列表樣式

    為簡(jiǎn)單起見,可以將以上 3 個(gè)列表樣式屬性合并為一個(gè)方便的屬性:list-style,就像這樣:

    li {list-style : url(example.gif) square inside}

    list-style 的值可以按任何順序列出,而且這些值都可以忽略。只要提供了一個(gè)值,其它的就會(huì)填入其默認(rèn)值。

    CSS 列表實(shí)例:

    在無序列表中的不同類型的列表標(biāo)記
    本例演示在CSS中不同類型的列表項(xiàng)標(biāo)記。
    在有序列表中不同類型的列表項(xiàng)標(biāo)記
    本例演示在CSS中不同類型的列表項(xiàng)標(biāo)記。
    所有的列表樣式類型
    本例演示在CSS中所有不同類型的列表項(xiàng)標(biāo)記。
    將圖像作為列表項(xiàng)標(biāo)記
    本例演示如何將圖像作為列表項(xiàng)標(biāo)記。
    放置列表標(biāo)記
    本例演示在何處放置列表標(biāo)記。
    在一個(gè)聲明中定義所有的列表屬性
    本例演示將所有針對(duì)列表的屬性設(shè)置于一個(gè)簡(jiǎn)寫屬性。

    CSS 列表屬性(list)

    屬性描述
    list-style簡(jiǎn)寫屬性。用于把所有用于列表的屬性設(shè)置于一個(gè)聲明中。
    list-style-image將圖象設(shè)置為列表項(xiàng)標(biāo)志。
    list-style-position設(shè)置列表中列表項(xiàng)標(biāo)志的位置。
    list-style-type設(shè)置列表項(xiàng)標(biāo)志的類型。
    marker-offset 

    posted on 2014-04-17 14:32 順其自然EVO 閱讀(179) 評(píng)論(0)  編輯  收藏 所屬分類: CSS 教程


    只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


    網(wǎng)站導(dǎo)航:
     
    <2025年5月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    導(dǎo)航

    統(tǒng)計(jì)

    常用鏈接

    留言簿(55)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    搜索

    最新評(píng)論

    閱讀排行榜

    評(píng)論排行榜

    主站蜘蛛池模板: 免费看少妇作爱视频| 中文字幕在线亚洲精品| 色吊丝免费观看网站| 亚洲色婷婷一区二区三区| 在免费jizzjizz在线播| 久久久久亚洲精品无码网址色欲| 中文字幕亚洲第一| 国产大片91精品免费观看不卡| 精品亚洲av无码一区二区柚蜜| 亚洲综合在线另类色区奇米| 亚洲三级在线免费观看| 免费人成视频在线观看免费| 亚洲bt加勒比一区二区| 日韩成全视频观看免费观看高清| 国产一级片免费看| 亚洲AV无码男人的天堂| 亚洲AV无码乱码国产麻豆穿越| 在线观看国产情趣免费视频| 国产精品免费观看调教网| 亚洲AV无码国产一区二区三区| 久久亚洲精品国产精品| 亚洲一区二区三区无码影院| 国产AV无码专区亚洲AV毛网站 | 日本系列1页亚洲系列| 亚洲国产精品自在线一区二区| 国产精品免费小视频| 18女人腿打开无遮掩免费| 一本久久免费视频| 亚洲自偷自偷在线成人网站传媒| 亚洲av无码一区二区三区乱子伦| 人人狠狠综合久久亚洲高清| 中文字幕无码免费久久99 | 四虎成人精品永久免费AV| 亚洲天堂久久精品| 亚洲成年看片在线观看| 嫩草影院在线免费观看| 2020因为爱你带字幕免费观看全集| A毛片毛片看免费| 亚洲av无码有乱码在线观看| 亚洲中文无码线在线观看| 亚洲一区二区免费视频|