1. 程式人生 > >html中列表

html中列表

定義 ges images 實體 image class -c 使用 屬性

技術分享

其中,dl為自定義列表,dt為列表項,dd對列表項描述

無序列表

    <!--disc實心圓,這是默認的類型-->
    <ul type="disc">
        <li>蘋果</li>
        <li>香蕉</li>
        <li>橘子</li>
    </ul>

    <!--circle空心圓-->
    <ul type="circle">
        <li>蘋果</li>
        <li>香蕉</li>
        <li>橘子</li>
    </ul>

    <!--square實體方塊-->
    <ul type="square">
        <li>蘋果</li>
        <li>香蕉</li>
        <li>橘子</li>
    </ul>

  有序列表

ol中type屬性值可以參考下圖

技術分享

<ol type="a">
        <li>蘋果</li>
        <li>香蕉</li>
        <li>橘子</li>
    </ol>

  自定義列表

自定義列表中,應用中也經常使用

<dl>

        <dt>蘋果</dt>
        <dd>紅色的蘋果</dd>
        <dt>香蕉</dt>
        <dd>黃色的香蕉</dd>
        <dt>橘子</dt>
        <dd>橙色的橘子</dd>
    </dl>

  技術分享

html中列表