表格斜线_CSS/HTML

<title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script language="javascript"> function a(x,y,color) {document.write("<img border='0' style="max-width:90%"+(x+20)+"; top: "+(y+20)+";background-color: "+color+"' src='px.gif' style="max-width:90%"表格斜线_CSS/HTML" >")} </script> <table border="0" bgcolor="000000" cellspacing="1" width="400"> <tr bgcolor="FFFFFF"> <td id="td1"> </td> <td>张三</td> <td>李四</td> <td>王五</td> </tr> <tr bgcolor="FFFFFF"> <td>数学</td> <td>55</td> <td>66</td> <td>77</td> </tr> <tr bgcolor="FFFFFF"> <td>英语</td> <td>99</td> <td>68</td> <td>71</td> </tr> <tr bgcolor="FFFFFF"> <td>语文</td> <td>33</td> <td>44</td> <td>55</td> </tr> </table> <script> function line(x1,y1,x2,y2,color) { var tmp if(x1>=x2) { tmp=x1; x1=x2; x2=tmp; tmp=y1; y1=y2; y2=tmp; } for(var i=x1;i<=x2;i++) { x = i; y = (y2 - y1) / (x2 - x1) * (x - x1) + y1; a(x,y,color); } } //line(1,1,100,100,"000000"); line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000') </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]