html - HTML ページの hr スタイルを変更する

Question

<hr>次を使用してCSSでタグを変更してみました：

hr { color:whitesmoke}

しかし、それは私の HTML にはまったく影響しません。CSS を使用して水平線の色をデフォルトの色とは異なる色に変更する方法はありますか? パフォーマンス上の理由から、img (必要な色の水平線) を使用したくありませんmax-width: 100%が、いくつかの CSS ルールを使用します。

Answer 1

ブラウザでの の外観は<hr>、境界線のスタイルに基づいており、colorプロパティによって決定されるわけではありません。したがって、border-color代わりに次を使用してみてください。

hr {
  border: none;
  border-top: 1px solid whitesmoke;
}

<hr>

Answer 2

以下を使用できます。

hr { border: 0px; border-bottom: 1px solid whitesmoke; }

<hr/>