hr要素の色を変更する 質問する

タグによって生成された線の色を変更したい場合は、border-colorの代わりにを使用する必要があると思います。color<hr>

ただし、コメントでは、線のサイズを変更すると、境界線はスタイルで指定した幅のままになり、線はデフォルトの色で塗りつぶされる（ほとんどの場合、望ましい効果ではない）と指摘されています。したがって、この場合も指定する必要があるようですbackground-color（@Ibu の提案どおり）。

デフォルトのスタイルシートのHTML 5 ボイラープレートプロジェクト指定する次のルール:

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}