Result Size: 300 x 150
x
 
<!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>Note:</b> Свойство "border-color" не работает, если оно используется отдельно. Используйте свойство "border-style", чтобы сначала установить границы.</p>
</body>
</html>