Примеры:

Этот пример показывает, как задать различные маркеры элементов списка. <html> <head> <style type="text/css"> ol.no {list-style-type: none} ul.ds {list-style-type: disc} ol.sqr {list-style-type: square} ul.crl {list-style-type: circle} </style> </head>

<body> <ol class="no"> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ol>

<ul class="ds"> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ul>

<ol class="sqr"> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ol>

<ul class="crl"> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ul>

</body>

</html>
Этот пример показывает, как задать различные маркеры элементов списка. <html> <head> <style type="text/css"> ul.dec {list-style-type: decimal} ol.lwrm {list-style-type: lower-roman} ul.uprm {list-style-type: upper-roman} ol.lwalph {list-style-type: lower-alpha} ul.upalph {list-style-type: upper-alpha} </style> </head>

<body>

<ol class="lwalph"> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ol>

<ul class="upalph"> <li>Первый элемент</li> <li>Чай</li> <li>Третий элемент</li> </ul>

<ol class="lwrm"> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ol>

<ul class="uprm"> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ul>

<ul class="dec"> <li>Первый элемент</li> <li>Второй элемент</li> <li>Третий элемент</li> </ul>

Содержание Назад Вперед