<!DOCTYPE html>
<html>
<head>
<style>
p.one { border-style: solid;
border-color: #0000ff;
}
p.two { border-style: solid;
border-color: #ff0000 #0000ff;
}
p.three { border-style: solid;
border-color: #ff0000 #00ff00 #0000ff;
}
p.four { border-style: solid;
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255);
}
</style>
</head>
<body>
<p class="one">单色边框！</p>
<p class="two">双色边框！</p>
<p class="three">三色边框！</p>
<p class="four">四色边框！</p>
<p><b>注意：</b>“border-color”属性单独使用时不起作用。 首先使用“border-style”属性设置边框。</p>
</body>
</html>