ホームページ >ウェブフロントエンド >htmlチュートリアル >hrで点線のスタイルを設定するにはどうすればよいですか?多様な人事スタイルをシェア！
hrで点線のスタイルを設定するにはどうすればよいですか?多様な人事スタイルをシェア！
- 藏色散人オリジナル
- 2018-11-03 09:31:5122173ブラウズ
この記事では、HTML の hr タグに点線 を設定する方法と、いくつかの見栄えの良い hr スタイルを共有する方法を主に紹介します。
皆さんはすでに hr タグに精通していると思いますが、Web デザインでは、線を区切る効果を実現するために hr タグを使用する必要があることがよくあります。
タグの正式な定義は、HTML ページに水平線を作成することです。
したがって、美的観点から見ると、見栄えの良い水平線は間違いなく Web ページのコンテンツをより階層化し、コンテンツを明確に見えるようにし、ユーザーの健康状態も改善します。
推奨される参考ビデオ チュートリアル: 「HTML チュートリアル 」
以下では、hr で点線のスタイルを設定する方法と、その他のいくつかの便利な方法を紹介します。 HRスタイルのシェアを探しています。
HR 使用コードの例は次のとおりです:
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>hr标签使用示例</title>
<head>
<style>
</style>
</head>
<body>
<div>
<hr style=" height:5px;border:none;border-top:2px dotted #ff3844;" /><br>
<hr style="height:10px;border:none;border-top:10px groove #1094f2;" /><br>
<hr style="height:11px;border:none;border-top:5px ridge #4cedef;" /><br>
<hr style="height:8px;border:none;border-top:3px double #9492ff;" />
</div>
</body>
</html>フロント デスクの効果は次のとおりです:
その後、上記のとおりです。 4 つの見栄えの良い hr スタイルを共有します。1 つ目は点線の設定です。
hr タグの使用に習熟していれば、Web ページで柔軟に使用できます。
注: 水平罫線 (水平罫線) は、文書をさまざまな部分に視覚的に分割することができます。HTML では、
タグには終了タグがありません。
Height:5px; hr
border:none; 境界線なしの設定を指します。
border-top:2px dotted #ff3844;水平線のスタイルを設定します
dotted は点線を意味します
#185598 は色を意味します
それではこの記事 HTML で hr タグに点線やその他のスタイルを設定する方法を紹介します。非常に簡単で、困っている友人の役に立てば幸いです。
以上がhrで点線のスタイルを設定するにはどうすればよいですか?多様な人事スタイルをシェア！の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。