案例:CSS3 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<style type="text/css">
4
ul.none {list-style-type: none}
5
ul.disc {list-style-type: disc}
6
ul.circle {list-style-type: circle}
7
ul.square {list-style-type: square}
8
ul.decimal {list-style-type: decimal}
9
ul.decimal-leading-zero {list-style-type: decimal-leading-zero}
10
ul.lower-roman {list-style-type: lower-roman}
11
ul.upper-roman {list-style-type: upper-roman}
12
ul.lower-alpha {list-style-type: lower-alpha}
13
ul.upper-alpha {list-style-type: upper-alpha}
14
ul.lower-greek {list-style-type: lower-greek}
15
ul.lower-latin {list-style-type: lower-latin}
16
ul.upper-latin {list-style-type: upper-latin}
17
ul.hebrew {list-style-type: hebrew}
18
ul.armenian {list-style-type: armenian}
19
ul.georgian {list-style-type: georgian}
20
ul.cjk-ideographic {list-style-type: cjk-ideographic}
21
ul.hiragana {list-style-type: hiragana}
22
ul.katakana {list-style-type: katakana}
23
ul.hiragana-iroha {list-style-type: hiragana-iroha}
24
ul.katakana-iroha {list-style-type: katakana-iroha}
25
</style>
26
</head>
27
28
<body>
29
<ul class="none">
30
<li>"none" 类型</li>
31
<li></li>
32
<li>可口可乐</li>
33
</ul>
34
35
<ul class="disc">
36
<li>Disc 类型</li>
37
<li></li>
38
<li>可口可乐</li>
39
</ul>
40
41
<ul class="circle">
42
<li>Circle 类型</li>
43
<li></li>
44
<li>可口可乐</li>
45
</ul>
46
47
<ul class="square">
48
<li>Square 类型</li>