在HTML中,如何给表格添加对角线?

在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 去计算所需的矩阵之和

不懂可以私信问我详细

1、页面布局-页面边框

2、在d出“边框和底纹”的菜单框中选择右下角横线,选中合适的横线点确认就可以了;

3、或者是在“边框和底纹”菜单框中点击右侧预览中标有上划线和下划线的两个图框,样式预览中可见,点确认就可以了,如果想设置横线的位置、边距,可以点预览下方“选项”进行设置。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7194104.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存