Heim Web-Frontend HTML-Tutorial HTML-Tutorial: HTML-Horizontalliniensegment_HTML/Xhtml_Webseitenproduktion

HTML-Tutorial: HTML-Horizontalliniensegment_HTML/Xhtml_Webseitenproduktion

May 16, 2016 pm 04:44 PM
hr size width 教程 显示 水平 设定


Dieses Tag kann eine horizontale Linie auf dem Bildschirm anzeigen, um verschiedene Teile der Seite zu trennen.

hat drei Attribute:
size Die Breite der horizontalen Linie
width Die Länge der horizontalen Linie, ausgedrückt als Prozentsatz der Bildschirmbreite oder des Pixelwerts
align Die Ausrichtung der horizontale Linie, einschließlich LINKS RECHTS MITTE Drei Arten von
noshade-Liniensegmenten haben kein Schattenattribut und sind durchgezogene Liniensegmente
Wir können mehrere Beispiele verwenden, um die Verwendung dieses Liniensegments zu veranschaulichen:




Einstellung der Liniensegmentdicke


Einstellung der Liniensegmentdicke


Dies ist das erste Liniensegment, keine Größeneinstellung, verwenden Sie den Standardwert SIZE=1 zur Anzeige



Dies ist das zweite Liniensegment, SIZE=5



Dies ist das dritte Liniensegment, SIZE=10









Einstellung der Liniensegmentlänge


Einstellung der Liniensegmentlänge


Dies ist das erste Liniensegment, es gibt keine WIDTH-Einstellung. Nehmen Sie zur Anzeige den Standardwert WIDTH 100 %.



Dies ist das zweite Liniensegment, WIDTH=50 (Punktmethode)



Dies ist das dritte Liniensegment, WIDTH=50% (Prozentmethode)









Einstellung der Liniensegmentanordnung


Einstellung der Liniensegmentanordnung


Dies ist das erste Liniensegment, keine ALIGN-Einstellung (nehmen Sie den Standardwert CENTER zur Anzeige)



Dies ist das zweite Liniensegment, ausgerichtet nach links BR>



Dies ist das dritte Liniensegment, rechtsbündig









Einstellungen ohne Schatten


Einstellungen ohne Schatten


Das ist Das erste Liniensegment ohne NOSHADE-Einstellung. Verwenden Sie den Standardschatteneffekt zur Anzeige.



Dies ist das zweite Liniensegment mit NOSHADE-Einstellung





Letzte horizontale Zeile:

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tutorial zur Verwendung von Dewu Tutorial zur Verwendung von Dewu Mar 21, 2024 pm 01:40 PM

Tutorial zur Verwendung von Dewu

Anleitung zum Deaktivieren des Zahlungstons auf WeChat Anleitung zum Deaktivieren des Zahlungstons auf WeChat Mar 26, 2024 am 08:30 AM

Anleitung zum Deaktivieren des Zahlungstons auf WeChat

Welche Software ist Photoshopcs5? -tutorial zur Verwendung von Photoshopcs5 Welche Software ist Photoshopcs5? -tutorial zur Verwendung von Photoshopcs5 Mar 19, 2024 am 09:04 AM

Welche Software ist Photoshopcs5? -tutorial zur Verwendung von Photoshopcs5

Tutorial zu DisplayX (Monitortestsoftware). Tutorial zu DisplayX (Monitortestsoftware). Mar 04, 2024 pm 04:00 PM

Tutorial zu DisplayX (Monitortestsoftware).

Experten unterrichten Sie! Der richtige Weg, lange Bilder auf Huawei-Handys zu schneiden Experten unterrichten Sie! Der richtige Weg, lange Bilder auf Huawei-Handys zu schneiden Mar 22, 2024 pm 12:21 PM

Experten unterrichten Sie! Der richtige Weg, lange Bilder auf Huawei-Handys zu schneiden

Im Sommer müssen Sie unbedingt versuchen, einen Regenbogen zu schießen Im Sommer müssen Sie unbedingt versuchen, einen Regenbogen zu schießen Jul 21, 2024 pm 05:16 PM

Im Sommer müssen Sie unbedingt versuchen, einen Regenbogen zu schießen

PHP-Tutorial: So konvertieren Sie den Typ int in einen String PHP-Tutorial: So konvertieren Sie den Typ int in einen String Mar 27, 2024 pm 06:03 PM

PHP-Tutorial: So konvertieren Sie den Typ int in einen String

So schneiden Sie Bilder in PS aus – Tutorial zum Ausschneiden von Bildern in PS So schneiden Sie Bilder in PS aus – Tutorial zum Ausschneiden von Bildern in PS Mar 04, 2024 pm 12:07 PM

So schneiden Sie Bilder in PS aus – Tutorial zum Ausschneiden von Bildern in PS

See all articles