案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
<style type="text/css">
4
ol.decimal {list-style-type: decimal}
5
ol.lroman {list-style-type: lower-roman}
6
ol.uroman {list-style-type: upper-roman}
7
ol.lalpha {list-style-type: lower-alpha}
8
ol.ualpha {list-style-type: upper-alpha}
9
</style>
10
</head>
11
​
12
<body>
13
<ol class="decimal">
14
<li>咖啡</li>
15
<li>茶</li>
16
<li>可口可乐</li>
17
</ol>
18
​
19
<ol class="lroman">
20
<li>咖啡</li>
21
<li>茶</li>
22
<li>可口可乐</li>
23
</ol>
24
​
25
<ol class="uroman">
26
<li>咖啡</li>
27
<li>茶</li>
28
<li>可口可乐</li>
29
</ol>
30
​
31
<ol class="lalpha">
32
<li>咖啡</li>
33
<li>茶</li>
34
<li>可口可乐</li>
35
</ol>
36
​
37
<ol class="ualpha">
38
<li>咖啡</li>
39
<li>茶</li>
40
<li>可口可乐</li>
41
</ol>
42
</body>
43
​
44
</html>
45
​