ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLでhrの太さを設定する方法

HTMLでhrの太さを設定する方法

青灯夜游
リリース: 2023-01-03 09:25:48
オリジナル
21225 人が閲覧しました

HTML では、CSS の border 属性を使用して、hr の水平線の太さや色などのスタイルを設定できます。「border: width value style value color value;」スタイルを追加するだけです。 hr タグ (例: 「hr {border: 5px Solid red;}」)。

HTMLでhrの太さを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

hr は、HTML ページ上の水平分割線 (横罫線) で、文書を視覚的にさまざまな部分に分けることができます。タグを使用して HTML ページ内に作成する必要があります。

デフォルトの hr タグ スタイル:

HTMLでhrの太さを設定する方法

は単なる黒い線であり、ページを美しくするために使用されることはおろか、まったく美しくありません。 CSSを使用してhrのスタイルを設定する必要があります。

css は、hr

<hr style="border: 5px solid red;"/><!--修改的样式-->
ログイン後にコピー

レンダリングの太さ (太字) と色を設定します:

HTMLでhrの太さを設定する方法

## [推奨チュートリアル:

CSS ビデオ チュートリアル ]

CSS ボーダー属性を使用して、hr スタイルを設定することもできます:

<hr   style="max-width:90%"/>
ログイン後にコピー

HTMLでhrの太さを設定する方法

説明:

border 短縮プロパティは、1 つのステートメントですべてのボーダー プロパティを設定します。

次のプロパティを順番に設定できます。

  • border-width: 境界線の幅を指定します。

  • border-style: 境界線のスタイルを指定します。

    HTMLでhrの太さを設定する方法

  • #border-color: 境界線の色を指定します。
  • プログラミング関連の知識について詳しくは、
プログラミング ビデオ

をご覧ください。 !

以上がHTMLでhrの太さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート