html中给表格添加斜线

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>td加斜线</title>
<style>
table{border-collapse:collapse;
}
table,tr,td{border:1px solid black;
}
td{width:100px;/*这里需要自己调整，根据自己的需求调整宽度*/
height:50px;/*这里需要自己调整，根据自己的需求调整高度*/
position: relative;
}
td[class=first]:before{content: "";
position: absolute;
width: 1px;
height:114px;/*这里需要自己调整，根据td的宽度和高度*/
top:0;
left:0;
background-color: black;
display: block;
transform: rotate(-63deg);/*这里需要自己调整，根据线的位置*/
transform-origin: top;
}</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td class="first"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>

</html>

转载于:https://www.cnblogs.com/zyl-Tara/p/6139194.html

html中给表格添加斜线相关推荐

php表格自动添加滚动条,jsp中为表格添加水平滚动条的方法
首先,本项目中使用的是bootstrap框架,因此有些人会说,给表格设置自适应属性就可以了这里要申明的是 bootsrtap自适应是针对当浏览器不占满整个屏幕,而是一半的时候才会出现横向的滚动条而 ...
Aspose.Words 表格添加斜线并添加文字
Run run = new Run(doc, "text1");run.Font.Bold = true;run.Font.Size = 8;run.Font.Name = &qu ...
word表格添加斜线
表格可以自己加的点击进入要画斜线的单元格选择工具栏[表格][绘制斜线表头] 就OK了
layui table 添加img_layui中table表格的基本操作
最近抽空总结了下layui中table表格的相关配置,解释的比较全面,可供大家参考,页面效果如下: table表格.png table表格html部分: 新增备注编辑 table表格渲染js (包 ...
excel表格中添加combobox_excel高阶打印技巧：批量为表格添加logo，学会它老板都夸你厉害...
Hello,大家好,今天跟大家分享下我们如何为excel打印表批量的添加公司logo,在工作中我们经常会遇到将公司的logo放在表格的左上角或者右上角的问题.如果是一页表格我们可以在表格中直接插入lo ...
ios表格添加底纹_如何在Word中的表格单元格中添加底纹
ios表格添加底纹 If you have a table with many rows and columns, it can be difficult to read. Adding shadin ...
【 jQuery 】利用 jQuery 选择器实现表格的全选，取消选择，单击更改选中状态，反选等功能，为表格添加光棒效果
利用 jQuery 选择器实现表格的全选,取消选择,单击更改选中状态,反选等功能.如图所示.点击全选按钮,选中所有行,点击取消按钮,所有行为未选中状态,单击反选按钮,则选中的行变成未选中的: 未选 ...
计算机在表格顶端添加标题,给永中Office多页表格添加相同的标题 -电脑资料
本文将为大家介绍在永中Office中如何快速地给多页表格制作标题, 一.电子表格我们在使用电子表格制作表格的时候,往往会有超过一页的大量数据,对大于1页的表格,如果要每页包含相同的标题,您是否会通过 ...
html表格怎么绑定数据类型,Excel中表格添加数据标签及设置格式的操作方法
Excel图表以其直观的展示功能深受用户喜爱,但有些初学者对于生成图表后如何添加数据标签有所困扰,今天,学习啦小编就教大家在Excel中表格添加数据标签及设置格式的操作方法. Excel中表格添加数据 ...

html中给表格添加斜线

html中给表格添加斜线相关推荐

最新文章

热门文章