案例:CSS3 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
3
<head>
4
<style type="text/css">
5
p.small {line-height: 90%}
6
p.big {line-height: 200%}
7
</style>
8
</head>
9
10
<body>
11
12
<p>
13
这是拥有标准行高的段落。
14
在大多数浏览器中默认行高大约是 110% 到 120%。
15
这是拥有标准行高的段落。
16
这是拥有标准行高的段落。
17
这是拥有标准行高的段落。
18
这是拥有标准行高的段落。
19
这是拥有标准行高的段落。
20
</p>
21
22
<p class="small">
23
这个段落拥有更小的行高。
24
这个段落拥有更小的行高。
25
这个段落拥有更小的行高。
26
这个段落拥有更小的行高。
27
这个段落拥有更小的行高。
28
这个段落拥有更小的行高。
29
这个段落拥有更小的行高。
30
</p>
31
32
<p class="big">
33
这个段落拥有更大的行高。
34
这个段落拥有更大的行高。
35
这个段落拥有更大的行高。
36
这个段落拥有更大的行高。
37
这个段落拥有更大的行高。
38
这个段落拥有更大的行高。
39
这个段落拥有更大的行高。
40
</p>
41
42
</body>
43
</html>
44