案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
<style type="text/css">
4
ul.disc {list-style-type: disc}
5
ul.circle {list-style-type: circle}
6
ul.square {list-style-type: square}
7
ul.none {list-style-type: none}
8
</style>
9
</head>
10
​
11
<body>
12
<ul class="disc">
13
<li>咖啡</li>
14
<li>茶</li>
15
<li>可口可乐</li>
16
</ul>
17
​
18
<ul class="circle">
19
<li>咖啡</li>
20
<li>茶</li>
21
<li>可口可乐</li>
22
</ul>
23
​
24
<ul class="square">
25
<li>咖啡</li>
26
<li>茶</li>
27
<li>可口可乐</li>
28
</ul>
29
​
30
<ul class="none">
31
<li>咖啡</li>
32
<li>茶</li>
33
<li>可口可乐</li>
34
</ul>
35
</body>
36
​
37
</html>
38
​