CSS merealisasikan kecerunan dua warna latar belakang table_CSS/HTML

Prinsipnya ialah menggunakan penapis Alpha untuk menambah kecerunan lutsinar pada setiap jadual, dikawal oleh warna latar belakang jadual dan satu td mengawal kecerunan warna lain
Penapis Alpha
Sintaks: {FILTER: ALPHA(opacity =opacity, finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
Penapis: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0 , StartY= 0, FinishX=0, FinishY=100);

Atribut 'Alpha' menggabungkan elemen sasaran dengan latar belakang. Pereka bentuk boleh menentukan nilai berangka untuk mengawal tahap pengadunan. "Penggabungan dengan latar belakang" ini dikenali sebagai ketelusan unsur. Dengan menentukan koordinat, anda boleh menentukan ketelusan titik, garisan dan permukaan. Maksud parameternya adalah seperti berikut:
"kelegapan" mewakili tahap ketelusan. Julat lalai adalah dari 0 hingga 100, dan ia sebenarnya dalam bentuk peratusan. Dalam erti kata lain, 0 mewakili telus sepenuhnya dan 100 mewakili legap sepenuhnya." finishopacity' ialah parameter pilihan. Jika anda ingin menetapkan kesan ketelusan kecerunan, anda boleh menggunakannya untuk menentukan ketelusan pada penghujungnya. Julatnya juga 0 hingga 100. Parameter "gaya' menentukan ciri bentuk kawasan lutsinar. 0 mewakili bentuk seragam, 1 mewakili garis, 2 mewakili bentuk jejari dan 3 mewakili segi empat tepat. "STARTX" dan "STARTY" mewakili permulaan X dan Y koordinat kesan ketelusan kecerunan." FINISHX " dan "FINISHY" mewakili koordinat X dan Y penghujung kesan ketelusan kecerunan

<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 untuk memilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semulanya untuk melaksanakan ]