厚さを変えるにはどうすればいいですか? タグ 質問する

厚さを変えるにはどうすればいいですか? タグ 質問する

CSS で水平線 ( <hr>) の太さを変更したいのですが、HTML では次のようにできることは知っています -

<hr size="10">

しかし、これは非推奨上で述べたようにMDNはこちら. CSSで使ってみましたheight:1pxが太さが変わりません。<hr>線を太くしたいです0.5px

私はUbuntuでFirefox 3.6.11を使用しています

ベストアンサー1

一貫性を保つために、境界線を削除し、太さには高さを使用します<hr>。背景色を追加すると、<hr>指定した高さと色でスタイルが設定されます。

hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #333;  /* old IE */
  background-color: #333;  /* Modern Browsers */
}
<hr>

インラインバージョン:

<hr style="height:1px;border:none;color:#333;background-color:#333;">

詳しい説明ここ

おすすめ記事