PHP & JavaScript Room :: 設置サンプル

実行結果

  1. 項目
    1. 項目
    2. 項目
    3. 項目
  2. 項目
    1. 項目
    2. 項目
    3. 項目
  3. 項目

ソース

<style type="text/css">
    /* リスト番号を自動採番 */
    div.items ol {
        counter-reset:item;    /* リセット */
         list-style:none;
    }
    div.items li:before {
        content:counters(item, "-") ". ";    /* 生成内容 */
        counter-increment:item;    /* カウンタ名 */
        color:#63b6ce;
    }
</style>

<div class="items">
    <ol>
        <li>項目
            <ol>
                <li>項目</li>
                <li>項目</li>
                <li>項目</li>
            </ol>
        </li>
        <li>項目
            <ol>
                <li>項目</li>
                <li>項目</li>
                <li>項目</li>
            </ol>
        </li>
        <li>項目</li>
    </ol>
</div>

polarized women