htmlのhrってどういう意味ですか？

HTMLにおいてhrは「横線」を意味し、ページ上に横線を引く際に使用するタグです。 hr 要素は、終了タグなしで HTML ページ内のコンテンツを区切るために使用されます。区切る必要がある要素の間に「

---

」を直接追加するだけです。

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

---

タグは、HTML ページ内のトピックの変更 (トピックの転送など) を定義し、水平線として表示されます。

---

要素は、HTML ページ内のコンテンツを分離する (またはバリエーションを定義する) ために使用されます。

説明:

• HTML5 では、

  ---

  はコンテンツ内のテーマのバリエーションを定義し、水平線として表示されます。 。

• HTML 4.01 では、

  ---

  タグは水平線としてのみ表示されます。

• HTML では、

  ---

  タグには終了タグがありません。

html

---

タグ属性

#size#widthpixels例:

<h1>HTML</h1>
<p>HTML 是用于描述 web 页面的一种语言。</p>

<hr>

<h1>CSS</h1>
<p>CSS 定义如何显示 HTML 元素。</p>

属性	値	説明
整列	左 center right	要素の配置を指定します
noshade	noshade	を指定します。要素の色は単色でレンダリングされます。
	pixels	HT 要素の高さを指定します。
	% ## 要素の幅を指定します。

レンダリング:

次のことがわかります。黒い線はまったく美しくありません。ましてや

---

を使用してページを美しくするには、css を使用して hr スタイルを設定する必要があります。

例:

1、CSS 設定 hr 太さ (太字) と色

<hr   style="max-width:90%"/><!--修改的样式-->
<br />
<hr /><!--默认的样式-->

2、CSS 設定 Double hr

<hr   style="max-width:90%"/>

3 の線スタイル。 hr

html コード:

<hr class="style-one"/>
<br/>
<hr class="style-two"/>

css コード:## の CSS 設定グラデーション スタイル

hr.style-one {/*透明渐变水平线*/
    width:80%;
    margin:0 auto;
    border: 0;
    height: 4px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-two{/*渐变*/
    width:80%;
    margin:0 auto;
    border: 0;
    height: 4px;
    background: #333;
    background-image: linear-gradient(to right, red, #333, rgb(9, 206, 91));
}

推奨チュートリアル: "

html ビデオ チュートリアル"

以上がhtmlのhrってどういう意味ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。