1. ホーム
  2. html

[解決済み] <hr>タグの太さを変更する方法

2022-03-26 04:06:45

質問

水平方向の罫線の太さを変えたい( <hr> )をCSSで作成します。HTMLでこのようにできることは知っています。

<hr size="10">

でも、これって 非推奨 で述べたように MDNはこちら . CSSでは height:1px が、太さが変わりません。私は <hr> の行を 0.5px を厚くする。

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

解決方法を教えてください。

一貫性を持たせるため、ボーダーを削除し <hr> の厚みです。背景色を追加することで <hr> を指定した高さと色で表示します。

スタイルシートの中で

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

あるいは、持っているようなインライン。

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

長い説明 こちら