html 表格表头画一条斜线

网上利用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,一条线画好了。。

html 表格表头画一条斜线相关推荐

在PPT表格中，如何在左上角的网格中画一条斜线，并在斜线两边标注第一行第一列的属性名？
在PowerPoint幻灯片左上角的网格中画一条斜线,并在斜线两边分别标注第一行第一列的属性名,可以按照以下步骤进行: 打开 PowerPoint 并创建一张新幻灯片. 单击 PowerPoint 功 ...
怎样在excel的一个单元格里画多条斜线再输入汉字
怎样在excel的一个单元格里画多条斜线再输入汉字怎样在excel的一个单元格里画多条斜线再输入汉字 - 百度文库表格表头如何在Excel中画斜线含双斜线及添加文字百度 excel折线图表的插入 ...
table表格表头单元格添加斜线
<!DOCTYPE html> <html> <head><title>表格斜线</title><style>html {hei ...
element table表格表头显示斜杠/斜线
<el-table:data="form.tableData"ref="table"tooltip-effect="dark"bord ...
怎么在CAD表格中画斜线？CAD表格斜线一分为二绘制步骤
在Excel表格中经常能看到用一条斜线将单元格一分为二,那么,你知道怎么在CAD表格中画斜线吗?本文小编就以浩辰CAD软件为例来给大家分享一下CAD表格斜线一分为二的绘制步骤,一起来看看吧! CAD表 ...
excel单元格斜线_怎么在excel中画斜线？怎么在excel表格中画斜线？
在excel表格中画斜线的技巧教程: 1.在Excel中打开一个空白工作簿. 2.您可以在任何大小的单元格中执行此操作,但是如果先将其增大则更容易理解.为此,我们只需单击并按住第1行和第2行之间的线, ...
CSS设置原生table表格边框样式（添加表格横线）（附最后表格td画斜线）
table表格边框样式: 推荐这种原理: 只对table td设置左与上边框: 对table设置右与下边框: <style> .table-c table{border-right:1p ...
页面中的表格如何画斜线
有的时候我们在做开发的时候会想要画出有斜线的表格,方法如下: <html><head><meta http-equiv="Content-Type" ...
visio和word中插入带圆圈的数字符号，word表格里画斜线
一 visio和word中插入带圆圈的数字符号 1 菜单中选择插入---->符号: 2 字体选宋体,字迹选带括号的字母数字. 二 word表格里画斜线 1 光标放置要绘制斜线的单元格: 2 ...

html 表格表头画一条斜线

html 表格表头画一条斜线相关推荐

最新文章

热门文章