Heim > Web-Frontend > CSS-Tutorial > Hauptteil

CSS realisiert den zweifarbigen Farbverlauf des Tabellenhintergrunds_CSS/HTML

WBOY
Freigeben: 2016-05-16 12:12:20
Original
2475 Leute haben es durchsucht

Das Prinzip besteht darin, einen Alpha-Filter zu verwenden, um jeder Tabelle einen transparenten Farbverlauf hinzuzufügen, der durch die Hintergrundfarbe der Tabelle gesteuert wird, und ein einzelnes td steuert einen anderen Farbverlauf
Alpha-Filter
Syntax: {FILTER: ALPHA(Opazität =opacity, finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0 , StartY= 0, FinishX=0, FinishY=100);

Das Attribut „Alpha“ verschmilzt ein Zielelement mit dem Hintergrund. Designer können numerische Werte angeben, um den Grad der Mischung zu steuern. Dieses „Verschmelzen mit dem Hintergrund“ wird umgangssprachlich als Transparenz eines Elements bezeichnet. Durch die Angabe von Koordinaten können Sie die Transparenz von Punkten, Linien und Flächen festlegen. Die Bedeutung ihrer Parameter ist wie folgt:
„Opazität“ stellt den Grad der Transparenz dar. Der Standardbereich liegt zwischen 0 und 100, und sie werden tatsächlich in Form von Prozentsätzen angegeben. Mit anderen Worten: 0 steht für völlige Transparenz und 100 stellt völlig undurchsichtig dar. „finishopacity“ ist ein optionaler Parameter. Wenn Sie den Transparenzeffekt des Farbverlaufs festlegen möchten, können Sie damit die Transparenz am Ende festlegen. Der Bereich liegt ebenfalls zwischen 0 und 100. Der Parameter „style“ gibt die Formeigenschaften des transparenten Bereichs an. 0 stellt eine einheitliche Form dar, 1 stellt eine Linie dar, 2 stellt eine radiale Form dar und 3 stellt ein Rechteck dar. „STARTX“ und „STARTY“ stellen die Start-X und -Y dar Koordinaten des Verlaufstransparenzeffekts. „FINISHX“ und „FINISHY“ stellen die X- und Y-Koordinaten des Endes des Verlaufstransparenzeffekts dar


[Strg+A, um alle auszuwählen. Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie es aktualisieren, um es auszuführen ]
Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!