Основы работы с CSS


         

Этот пример показывает, как задать


  1. Этот пример показывает, как задать различные маркеры элементов списка. <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>
  2. Этот пример показывает, как задать различные маркеры элементов списка. <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>

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