Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<head>
<style>
p.one {
  border-style: solid;
  border-color: hsl(0, 100%, 50%); /* red */
}
p.two {
  border-style: solid;
  border-color: hsl(240, 100%, 50%); /* blue */
}
p.three {
  border-style: solid;
  border-color: hsl(0, 0%, 73%); /* grey */
}
</style>
</head>
<body>
<h2>Свойство border-color</h2>
<p>Цвет границы также можно указать с помощью значений HSL:</p>
<p class="one">Сплошная красная граница</p>
<p class="two">Сплошная синяя граница</p>
<p class="three">Сплошная серая граница</p>
</body>
</html>