页面中的表格如何画斜线

news/2024/10/18 0:25:20/

有的时候我们在做开发的时候会想要画出有斜线的表格,方法如下:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>表格斜线</title></head><script Language="javascript">function a(x, y, color) { //起始位置x,y;宽、高度都是1个像素;颜色是color画线。document.write("<img border='0' style='position: absolute; left: "+ (x + 18) + "; top: " + (y + 18) + ";background-color: "+ color + "' src='px.gif' width=1 height=1>");}</script><body leftmargin=18 topmargin=18><table border=0 bgcolor="000000" cellspacing="1" width=398><tr bgcolor="FFFFFF"><td id="td1"></td><td>张三</td><td>李四</td></tr><tr bgcolor="FFFFFF"><td>c</td><td>72</td><td>36</td></tr><tr bgcolor="FFFFFF"><td>c++</td><td>85</td><td>58</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; //y=ax+b:标准的直线表达式,通过斜率求y值a(x, y, color);}}line(td1.offsetLeft, td1.offsetTop, td1.offsetLeft + td1.offsetWidth, td1.offsetTop + td1.offsetHeight, '#000000');</script></body>
</html>

 


http://www.ppmy.cn/news/708627.html

相关文章

table表格表头添加斜线

效果 实现 html部分 <table border"1"><tr><td><span class"span-5 span-left">参与人</span><span class"span-5 span-right">候选人</span></td></tr> </table>css部分 <s…

Html Table 表格 画斜线

效果图 在Html Table 表格中 画斜线 分 文字和斜线 两部分实现 文字部分 <th class"row-0" style"width:150px;height:50px;" ><div class"biaotou"><div class"biaotoutxt1">转单办事处</div><div cla…

用EXCEL打表格,斜线上下分别打字怎么做?

1.在单元格中输入斜线两端的文字 2.选斜线上文字-右键-设置单元格格式-特殊效果-上标&#xff1b; 3.选斜线下文字-右键--设置单元格格式-特殊效果-下标&#xff1b; 4.调整字的大小和位置&#xff0c; 5.设置单元格格式——边框里画对角线画上斜线以上是分成两栏的&#xff0c…

html 表格表头画一条斜线

网上利用border宽度来设置斜线的方法有局限线&#xff0c;就是一定要需要有颜色&#xff0c;有时候的并没有划上颜色的需求的。 最简单直接的方法就真正意义上画一条线&#xff0c;在指定要画斜线的隔离增加一个宽高与格子一样大的canvas. html如下&#xff1a; <td id &q…

Photoshop中画斜线的方法

今天才发现自己再photoshop中不会画斜线&#xff0c;用铅笔工具按住shift&#xff0c;发现只能画竖向的线。上网google一把&#xff0c;发现原来photoshop有一个超级好用的功能。 画斜线的方法&#xff1a; 选择铅笔工具&#xff0c;或者画笔工具&#xff0c;在你想画的斜…

在PPT表格中,如何在左上角的网格中画一条斜线,并在斜线两边标注第一行第一列的属性名?

在PowerPoint幻灯片左上角的网格中画一条斜线&#xff0c;并在斜线两边分别标注第一行第一列的属性名&#xff0c;可以按照以下步骤进行&#xff1a; 打开 PowerPoint 并创建一张新幻灯片。单击 PowerPoint 功能区中的“插入”选项卡。单击“表格”按钮并选择“插入表格”。在…

LeetCode 2485. Find the Pivot Integer【前缀和;枚举;数学;查表】简单

本文属于「征服LeetCode」系列文章之一&#xff0c;这一系列正式开始于2021/08/12。由于LeetCode上部分题目有锁&#xff0c;本系列将至少持续到刷完所有无锁题之日为止&#xff1b;由于LeetCode还在不断地创建新题&#xff0c;本系列的终止日期可能是永远。在这一系列刷题文章…

Spring Boot 中的 @EnableDiscoveryClient 注解

Spring Boot 中的 EnableDiscoveryClient 注解 Spring Boot 是一个快速开发 Spring 应用程序的框架&#xff0c;它提供了一些基础设施&#xff0c;使得我们可以快速地开发出高效、可靠的应用程序。其中&#xff0c;EnableDiscoveryClient 注解是 Spring Boot 中一个非常重要的…