ホームページ ウェブフロントエンド htmlチュートリアル HTMLチュートリアル:html水平線分_HTML/Xhtml_Webページ制作

HTMLチュートリアル:html水平線分_HTML/Xhtml_Webページ制作

May 16, 2016 pm 04:44 PM
hr size width チュートリアル 見せる レベル 設定


このタグは、ページの異なる部分を区切るために画面上に水平線を表示できます。

には 3 つの属性があります。
size 水平線の幅
width 水平線の長さ (画面幅またはピクセル値のパーセンテージで表されます)
align 位置合わせ水平線 (LEFT RIGHT CENTER を含む) 3 種類の
ノーシェード線セグメントには影属性がなく、実線セグメントです
この線セグメントの使用法を説明するために、いくつかの例を使用できます:




線分の太さの設定


線分の太さの設定


これは最初の線分で、サイズ設定はありません。表示するにはデフォルト値 SIZE=1 を使用します。



これは 2 番目の線分で、SIZE=5



これは 3 番目の線分です。SIZE=10









線分長さの設定


線分長さの設定


これは最初の線分です。幅の設定はありません。表示するにはデフォルト値の WIDTH 100% を使用します。



これは 2 番目の線分です。WIDTH=50 (ポイント法)



これは 3 番目の線分、WIDTH=50% (パーセント法)









線分配置の設定


線分配置の設定


これは最初の線分であり、ALIGN 設定はありません (表示するにはデフォルト値 CENTER を使用します)



これは 2 番目の線分で、左に揃えられています BR>



これは、右揃えの 3 番目の線分です









影なし設定


影なし設定


これが最初ですNOSHADE 設定なしの線分。デフォルトのシャドウ効果を使用して表示します。



これは、NOSHADE 設定を使用した 2 番目の線分です





最後の水平線:

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Dewuの使い方のチュートリアル Dewuの使い方のチュートリアル Mar 21, 2024 pm 01:40 PM

Dewuの使い方のチュートリアル

WeChat の支払い音をオフにする方法のチュートリアル WeChat の支払い音をオフにする方法のチュートリアル Mar 26, 2024 am 08:30 AM

WeChat の支払い音をオフにする方法のチュートリアル

photoshoppcs5とはどんなソフトですか? -photoshopcs5の使い方チュートリアル photoshoppcs5とはどんなソフトですか? -photoshopcs5の使い方チュートリアル Mar 19, 2024 am 09:04 AM

photoshoppcs5とはどんなソフトですか? -photoshopcs5の使い方チュートリアル

DisplayX (モニターテストソフトウェア) チュートリアル DisplayX (モニターテストソフトウェア) チュートリアル Mar 04, 2024 pm 04:00 PM

DisplayX (モニターテストソフトウェア) チュートリアル

専門家が教える! Huawei携帯電話で長い画像をカットする正しい方法 専門家が教える! Huawei携帯電話で長い画像をカットする正しい方法 Mar 22, 2024 pm 12:21 PM

専門家が教える! Huawei携帯電話で長い画像をカットする正しい方法

夏はぜひ虹を撮ってみてください 夏はぜひ虹を撮ってみてください Jul 21, 2024 pm 05:16 PM

夏はぜひ虹を撮ってみてください

PHP チュートリアル: int 型を string に変換する方法 PHP チュートリアル: int 型を string に変換する方法 Mar 27, 2024 pm 06:03 PM

PHP チュートリアル: int 型を string に変換する方法

PS で写真を切り出す方法 - PS で写真を切り出すチュートリアル PS で写真を切り出す方法 - PS で写真を切り出すチュートリアル Mar 04, 2024 pm 12:07 PM

PS で写真を切り出す方法 - PS で写真を切り出すチュートリアル

See all articles