Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > HTML-Tutorial > Detaillierte Einführung in den Stil der HTML-HR-Linie

Detaillierte Einführung in den Stil der HTML-HR-Linie

高洛峰

Freigeben： 2017-03-27 14:51:52

Original

1990 Leute haben es durchsucht

1. Grundlinien

2. Spezialeffekte (die Effekte sind nicht isoliert und können miteinander kombiniert werden)
1. Verlaufstransparenz an beiden Enden:

< HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>

2. Spindelform:

3 die rechte Seite ist transparent:

4. Der linke Farbverlauf ist transparent:

5 , gestrichelte Linie:

6. Doppelte Linie:

7 . Dreidimensionaler Effekt:

8. Steel Needle-Effekt:

９． Vertikale Trennlinie

Linienposition ausrichten (optional links, rechts, Mitte); Breite, Farbe, Dicke

(Mozilla Firefox unterstützt es noch nicht)

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in den Stil der HTML-HR-Linie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

html hr

Quelle：php.cn

Vorheriger Artikel：Der Einfluss des HTML-Schreibens auf die GZIP-Komprimierungsrate Nächster Artikel：Detaillierte Erläuterung der HTML-Trennlinieneffekte

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

Neueste Artikel des Autors

Beispiele für HTML-Einstellungen für Fett, Kursiv, Unterstrichen, Durchgestrichen und andere Schrifteffekte

1970-01-01 08:00:00
Implementieren Sie eine Java-Version von Redis

1970-01-01 08:00:00
Die einfachste WeChat-Applet-Demo

1970-01-01 08:00:00
Einführung in einfache Betriebsmethoden von pandas.DataFrame (Erstellen, Indizieren, Hinzufügen und Löschen) in Python

1970-01-01 08:00:00
WeChat Mini-Programm: Beispiel für die Implementierung des Tab-Effekts

1970-01-01 08:00:00
Python erstellt benutzerdefinierte Methoden, um die Ausgabe der Wörterbuchstruktur zu verschönern

1970-01-01 08:00:00
HTML5: Verwenden Sie Canvas, um Videos in Echtzeit zu verarbeiten

1970-01-01 08:00:00
Asp.net verwendet SignalR zum Senden von Bildern

1970-01-01 08:00:00
WeChat Mini-Programmentwicklungs-Tutorial – Übersicht über die Funktionen von App() und Page()

1970-01-01 08:00:00
Ausführliche Erklärung zur Verwendung von Python Redis

1970-01-01 08:00:00

Aktuelle Ausgaben

Automatische PX-Konvertierung in REM-Fehler <style>html { font-size: calc(100vw / 3.75); }body { Schriftgröße: 0,16rem...

Aus 2024-04-16 09:34:16

0

0

4687

Die Seite kann plötzlich weder CSS noch Bootstrap abrufen Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar...

Aus 2024-04-06 21:58:04

0

1

800

So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS Ich versuche, mit Bootstrap und D3 eine einfache Webseite zu erstellen, weiß aber nicht, w...

Aus 2024-04-06 20:22:15

0

1

454

So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...

Aus 2024-04-06 20:02:10

0

2

543

Methode der obersten Ebene zum Ersetzen einer Zeichenfolge durch HTML-Code (aus einem Array generiert) Gegeben eine Zeichenfolge wie diese...$htmlPattern="Usernameis:#name#andusercompanyis...

Aus 2024-04-06 17:40:41

0

2

410

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage