上記のように考えている方もいるのではないでしょうか。水平線を引くことで話題を区切ったり、アンダーラインで重要な言葉を強調できるので、HTMLで水平線が引けると幅が広がりますよね。以上の項目に沿って説明します。この記事を読むことで、HTMLに水平線を引く方法と文字にアンダーラインを弾く方法について理解できます。公式HP公式HP公式HPhrタグの役割とラインを引く方法hrタグは、横一直線の水平線を引くことができるタグで、コードは<br>と記述します。hrタグは主に、記事の話題を変更する際の区切りやコンテンツ間の区切りとして利用されています。hrタグで水平線を引く方法【サンプルコード付き】hrタグの記述方法をサンプルコードを用いて実際に見ていきましょう。<hr></body>上記のように、hrタグは閉じタグを使わずに水平線を引くことができます。画面の横いっぱいに1本の線が表示されていますね。hrタグだけで利用すると、上記のように少し影のついた立体感のある線が表示されます。hrタグで作った水平線のデザインを変更する方法hrタグはいくつかの属性を使うことで、下記のように線の長さや太さを変更できます。size属性:線の太さを調節できるwidth属性:線の横幅を調節できるalign属性:線の位置を変更できるcolor属性:線の色を設定できるnoshade属性:線の影を非表示にする属性を利用することで、ラインを強調したり使い方の幅が広がります。noshade></body>実行結果CSSを使うと文字にアンダーラインを引ことができるコンテンツや話題の切り替えだけでなく、文字にアンダーラインを引いて重要な文字をアピールしたいときもあるのではないでしょうか。CSSのborderプロパティを使うと、文字にアンダーラインを引くことができます。class="border">重要な文章</p></body>実行結果pタグのようなブロックレベル要素にアンダーラインを引くと、画面いっぱいに表示されます。文章中の一部分にアンダーラインを引く場合は、インライン要素であるspanタグにborderプロパティを指定すると良いでしょう。MEDIAでは、HTMLに水平線(ライン)を引く方法とデザイン方法について解説しましたが、いかがでしたでしょうか。水平線を引くときはhrタグ、文字にアンダーラインを引くときはCSSのborder-bottomプロパティを利用するとよいでしょう。hrタグで作った水平線にはデフォルトで薄い影が付いているので、noshade属性を指定すると影を無効化できます。2024.01.03【HTML】fontの指定方法や使い方を詳しく説明します。WEBCAMPでは転職成功率98%を実現しています。本資料では、元警察官や元ラーメン屋など様々なバックグラウンドを持つ卒業生の声をお届けします。資料をダウンロードするIT技術の発展により、今後10~20年程度で47%の仕事がなくなると言われています。どのような変化が訪れ、私達はどのようなスキルを身につけるべきかを解説します。資料をダウンロードする働き方改革やリモートワークの影響でフリーランスという働き方の人気は高まりつつあります。フリーランスエンジニアとして活躍するために必要な情報をお届けします。ペースでエンジニア転職を目指す。