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