hrで点線のスタイルを設定するにはどうすればよいですか?多様な人事スタイルをシェア！-htmlチュートリアル-php.cn

hrで点線のスタイルを設定するにはどうすればよいですか?多様な人事スタイルをシェア！

藏色散人

リリース： 2018-11-03 09:31:51

オリジナル

22056 人が閲覧しました

この記事では、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>

ログイン後にコピー

フロントデスクの効果は次のとおりです:

hrで点線のスタイルを設定するにはどうすればよいですか?多様な人事スタイルをシェア！