Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {
  border: 2px solid black;
  outline-style: solid;
  outline-color: #ff0000; /* красный */
}
p.ex2 {
  border: 2px solid black;
  outline-style: dotted;
  outline-color: #0000ff; /* синий */
}
p.ex3 {
  border: 2px solid black;
  outline-style: solid;
  outline-color: #bbbbbb; /* серый */
}
</style>
</head>
<body>
<h2>Свойство outline-color</h2>
<p>Цвет контура также можно указать с помощью шестнадцатеричного значения (HEX):</p>
<p class="ex1">Сплошной красный контур.</p>
<p class="ex2">Точечный синий контур.</p>
<p class="ex3">Сплошной серый контур.</p>
</body>
</html>