实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
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
</head>
27
28
<body>
29
<p class="one">One-colored border!</p>
30
<p class="two">Two-colored border!</p>
31
<p class="three">Three-colored border!</p>
32
<p class="four">Four-colored border!</p>
33
<p><b>Note:</b> The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
34
</body>
35
</html>
36