CSS realisiert den zweifarbigen Farbverlauf des Tabellenhintergrunds_CSS/HTML

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

<style type="text/css"> <!-- .xr td { font-family: "Tahoma"; font-size: 12px; font-weight: bold; text-align: center; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100); } table { font-family: "Tahoma"; font-size: 12px; } --> </style> <table width="80%" border="0" cellpadding="5" cellspacing="1" bgcolor="#003399"> <tr bgcolor="#FFFFFF" class="xr"> <td width="20" bgcolor="#00FFFF">ID</td> <td bgcolor="#99FF00">Name</td> <td bgcolor="#FF0000">ICQ</td> <td bgcolor="#FFCC00">MSN</td> <td bgcolor="#66CC00">Homepage</td> <td bgcolor="#003366">Date</td> <td bgcolor="#CC3300">Content</td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table>
[Strg+A, um alle auszuwählen. Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie es aktualisieren, um es auszuführen ]