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

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

高洛峰
高洛峰Original
2017-03-27 14:51:521943Durchsuche

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:


9. 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!

Stellungnahme:
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