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