CSS réalise le dégradé bicolore du fond du tableau_CSS/HTML

Le principe est d'utiliser un filtre Alpha pour ajouter un dégradé transparent à chaque tableau, contrôlé par la couleur de fond du tableau, et un seul td contrôle un autre dégradé de couleur
Filtre Alpha
Syntaxe : {FILTER : ALPHA(opacité =opacité, finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
Filtre : Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0 , StartY= 0, FinishX=0, FinishY=100);

L'attribut 'Alpha' mélange un élément cible avec l'arrière-plan. Les concepteurs peuvent spécifier des valeurs numériques pour contrôler le degré de fusion. Cette « fusion avec l’arrière-plan » est familièrement connue sous le nom de transparence d’un élément. En spécifiant des coordonnées, vous pouvez spécifier la transparence des points, des lignes et des surfaces. Les significations de leurs paramètres sont les suivantes :
« opacité » représente le niveau de transparence. La plage par défaut est de 0 à 100, et ils sont en fait sous forme de pourcentages. Autrement dit, 0 représente complètement transparent et 100 représente complètement opaque." finishopacity' est un paramètre facultatif. Si vous souhaitez définir l'effet de transparence du dégradé, vous pouvez les utiliser pour spécifier la transparence à la fin. La plage va également de 0 à 100. Le paramètre "style" spécifie les caractéristiques de forme de la zone transparente. 0 représente une forme uniforme, 1 représente une ligne, 2 représente une forme radiale et 3 représente un rectangle. "STARTX" et "STARTY" représentent les X et Y de départ. coordonnées de l'effet de transparence dégradé. " FINISHX " et " FINISHY " représentent les coordonnées X et Y de la fin de l'effet de transparence dégradé

. <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>
[Ctrl+A pour tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez l'actualiser pour l'exécuter ]