Код вашей страницы

 <html>
<head>
<style type="text/css">
ul.a {list-style-type:disc;}
ul.b {list-style-type:circle;}
ul.c {list-style-type:square;}
ul.d {list-style-type:none;}
ol.e {list-style-type:decimal;}
ol.f {list-style-type:decimal-leading-zero;}
ol.g {list-style-type:lower-roman;}
ol.h {list-style-type:upper-roman;}
ol.i {list-style-type:lower-alpha;}
ol.j {list-style-type:upper-alpha;}
ol.k {list-style-type:lower-greek;}
ol.l {list-style-type:lower-latin;}
ol.m {list-style-type:upper-latin;}
ol.n {list-style-type:armenian;}
ol.o {list-style-type:georgian;}
</style>
</head>

<body>
<ul class="a">
<li>Тип Disc</li>
<li>Чай</li>
<li>Квас</li>
</ul>

<ul class="b">
<li>Тип Circle</li>
<li>Чай</li>
<li>Квас</li>
</ul>

<ul class="c">
<li>Тип Square</li>
<li>Чай</li>
<li>Квас</li>
</ul>

<ul class="d">
<li>Тип none</li>
<li>Чай</li>
<li>Квас</li>
</ul>

<ol class="e">
<li>Тип Decimal</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="f">
<li>Тип Decimal-leading-zero</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="g">
<li>Тип Lower-roman</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="h">
<li>Тип Upper-roman</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="i">
<li>Тип Lower-alpha</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="j">
<li>Тип Upper-alpha</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="k">
<li>Тип Lower-greek</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="l">
<li>Тип Lower-latin</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="m">
<li>Тип Upper-latin</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="n">
<li>Тип Armenian</li>
<li>Чай</li>
<li>Квас</li>
</ol>

<ol class="o">
<li>Тип Georgian</li>
<li>Чай</li>
<li>Квас</li>
</ol>

</body>
</html>

Результат в окне браузера

  1. Тип Decimal
  2. Чай
  3. Квас
  1. Тип Decimal-leading-zero
  2. Чай
  3. Квас
  1. Тип Lower-roman
  2. Чай
  3. Квас
  1. Тип Upper-roman
  2. Чай
  3. Квас
  1. Тип Lower-alpha
  2. Чай
  3. Квас
  1. Тип Upper-alpha
  2. Чай
  3. Квас
  1. Тип Lower-greek
  2. Чай
  3. Квас
  1. Тип Lower-latin
  2. Чай
  3. Квас
  1. Тип Upper-latin
  2. Чай
  3. Квас
  1. Тип Armenian
  2. Чай
  3. Квас
  1. Тип Georgian
  2. Чай
  3. Квас

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки