html 表格表头画一条斜线

news/2024/10/18 0:27:02/

  网上利用border宽度来设置斜线的方法有局限线,就是一定要需要有颜色,有时候的并没有划上颜色的需求的。

最简单直接的方法就真正意义上画一条线,在指定要画斜线的隔离增加一个宽高与格子一样大的canvas.

        html如下:

       

 <td id = "shedule_table_header_first" rowspan="2" style="width: 16vw;height:12vw"><canvas style="width: 16vw;height:12vw" id="myCanvas"></canvas></td>
         增加一个line()的js脚本:

 function line(){var myCanvas = document.getElementById("myCanvas");var width = myCanvas.width;var height = myCanvas.height;var ctx = myCanvas.getContext("2d");ctx.strokeStyle="#DDDDDD";ctx.moveTo(0,0);ctx.lineTo(width,height);ctx.stroke();ctx.font="35px Georgia";ctx.fillText("时间",width/3*1.8,height/3);ctx.fillText("治疗师",width/9,height/5*4);}

         最后需要在body上添加<body onload = "line()">

        OK,一条线画好了。。


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

相关文章

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 中一个非常重要的…

图论相关知识

简单介绍 就我2018年暑假这阵子练过的区域赛题目来看 图论题网络流居多&#xff0c;一般是稍难的签到&#xff08;需要多做点网络流的题目&#xff09;另外由于DAG的性质&#xff0c;很容易的能够有一些经典的DP&#xff0c;也可以注意一下。其他的主要还是会套模板吧。 一定…

CTSC/APIO2018游记

Day0 早上赶公交去衡水站&#xff0c;坐了一上午硬座来北京&#xff0c;车上看完了时政资料和半本《文化生活》……下火车之后一个小时地铁7号线转14号线&#xff0c;然后走了1.6km到酒店&#xff0c;中午没饭吃。早就做好了住大床房的准备&#xff0c;入住房间发现这床好像比我…

模板一:图论

目录 个人ACM模板总结 一、图论 &#xff08;一&#xff09;链式前向星 &#xff08;二&#xff09;最短路 1.单源最短路 1)dijkstra算法 2)SPFA 2.多源最短路 1)Floyd 3.传递闭包 4.最短路径树 1)最短路径树计数 2)去掉图中一条边之后最短路径树大小&#xff08;…

Contest1030 - 2017级新生周赛(三)E

1325 Problem E 题目描述 啊啊啊&#xff0c;又是喜闻乐见的英灵召唤环节了&#xff0c;只不过这次的英灵召唤有些许的不一样&#xff0c;这次我们不再是通过圣遗物召唤了&#xff0c;而是通过一些蕴含着魔力的宝石来召唤英灵&#xff0c;现在在地上摆着n个魔法宝石&#xff…