表の背景の2色のグラデーションをCSSで実現_CSS/HTML

原則は、アルファ フィルターを使用してテーブルの背景色で制御される透明なグラデーションを各テーブルに追加し、単一の td で別の色のグラデーションを制御することです。
アルファ フィルター
構文: {FILTER: ALPHA(opacity) =opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
フィルター: アルファ(Opacity=100, FinishOpacity=0, Style=1, StartX=0) , StartY= 0, FinishX=0, FinishY=100);

「Alpha」属性は、ターゲット要素を背景とブレンドします。デザイナーは数値を指定してブレンドの程度を制御できます。この「背景とのブレンド」は、口語的には要素の透明度として知られています。座標を指定することで、点、線、面の透明度を指定できます。パラメーターの意味は次のとおりです:
「不透明度」は透明度のレベルを表します。デフォルトの範囲は 0 ～ 100 で、実際にはパーセンテージの形式です。つまり、0 は完全な透明を表し、100 は透明度を表します。は完全に不透明を表します。「finishopacity」はオプションのパラメータです。グラデーションの透明度効果を設定したい場合は、それらを使用して最後に透明度を指定できます。範囲も 0 ～ 100 です。 "style" パラメータは、透明領域の形状特性を指定します。0 は均一な形状を表し、1 は直線を表し、2 は放射状の形状を表し、3 は長方形を表します。"STARTX" と "STARTY" は開始 X と Y を表します。グラデーション透明効果の座標。「FINISHX」と「FINISHY」は、グラデーション透明効果の終了の X 座標と Y 座標を表します。

。 <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 ですべて選択 注: 外部 Js を導入する必要がある場合は、それを更新して を実行する必要があります]