htmlのhrってどういう意味ですか？-フロントエンドQ&A-php.cn

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

青灯夜游

リリース： 2021-03-31 13:59:03

オリジナル

16924 人が閲覧しました

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

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

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

このチュートリアルの動作環境: 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 スタイルを設定する必要があります。 htmlのhrってどういう意味ですか？

例:

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

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

ログイン後にコピー

2、CSS 設定 Double hr htmlのhrってどういう意味ですか？

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

ログイン後にコピー

3 の線スタイル。 hr htmlの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ってどういう意味ですか？ "