页面导航：首页 → 网络编程 → CSS/HTML → 正文内容

表格斜线

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<!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>

<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=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> 
</BODY> 
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：表格斜线

百度中搜索更多的关于表格斜线内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

顶一下

上一篇文章：布局遇到的问题非常不错的见解
下一篇文章：html在线编辑器的更新[2006-05]

文章评论

共有位脚本之家网友发表了评论我来说两句

表格斜线

文章评论

同类文章

最近更新

热点排行

表格斜线

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行