案例:CSS3 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<style type="text/css">
4
p.one 
5
{
6
border-style: solid;
7
border-width: 5px
8
}
9
p.two 
10
{
11
border-style: solid;
12
border-width: thick
13
}
14
p.three
15
{
16
border-style: solid;
17
border-width: 5px 10px
18
}
19
p.four 
20
{
21
border-style: solid;
22
border-width: 5px 10px 1px
23
}
24
p.five 
25
{
26
border-style: solid;
27
border-width: 5px 10px 1px medium
28
}
29
</style>
30
</head>
31
32
<body>
33
<p class="one">Some text</p>
34
<p class="two">Some text</p>
35
<p class="three">Some text</p>
36
<p class="four">Some text</p>
37
<p class="five">Some text</p>
38
39
<p><b>注释:</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。</p>
40
</body>
41
42
</html>
43