在HTML中，如何给表格添加对角线？

html-css07

在HTML中，如何给表格添加对角线？,第1张

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<script Language="javascript">

function a(x,y,color)

{document.write("<img border='0' style='position: absolute left: "+(x+20)+" top: "+(y+20)+"background-color: "+color+"' src='px.gif' width=1 height=1>")}

</script>

<body leftmargin=20 topmargin=20>

<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=x1i<=x2i++)

{

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>

</BODY>

</HTML>

这个单从 HTML 是无法计算出来的，他只是标签语言

一般作法会先使用 html 把所需元素架构出来，在用 css 去套样式

最后用 javascript 去计算所需的矩阵之和

不懂可以私信问我详细