Tryit Editor v2.9

Edit This Code:

<!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>

One-colored border!
Two-colored border!
Three-colored border!
Four-colored border!
Note: The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.

</body>
</html>

<!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">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
<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>

</body>
</html>