AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Многоуровневый нумерованный список

  1. Раздел
    1. Пункт
      1. Подпункт
      2. Подпункт
    2. Пункт
      1. Подпункт
      2. Подпункт
  2. Раздел
    1. Пункт
      1. Подпункт
      2. Подпункт
    2. Пункт
      1. Подпункт
      2. Подпункт


Исходный код этого примера:

<style>
    ol {
        list-style: none;
        counter-reset: li;
        font-weight: 700;
    }
    ol li ol {
        font-weight: 400;
    }
    ol li:before {
        counter-increment: li;
        content: counters(li,".") ". ";
    }
</style>
<ol>
    <li>Раздел
        <ol>
            <li>Пункт
                <ol>
                    <li>Подпункт</li>
                    <li>Подпункт</li>
                </ol>
            </li>
            <li>Пункт
                <ol>
                    <li>Подпункт</li>
                    <li>Подпункт</li>
                </ol>
            </li>
        </ol>
    </li>
    <li>Раздел
        <ol>
            <li>Пункт
                <ol>
                    <li>Подпункт</li>
                    <li>Подпункт</li>
                </ol>
            </li>
            <li>Пункт
                <ol>
                    <li>Подпункт</li>
                    <li>Подпункт</li>
                </ol>
            </li>
        </ol>
    </li>
</ol>


.

© Copyright 2008-2018 by KDG



Rambler's Top100