Основы работы с 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>




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