【转】css table之合并单元格
colspan 是合并列,rowspan是合并行,合并行的时候,比如rowspan="2",它的下一行tr会少一列;合并列的时候 colspan="2",此行的列会少一列
<table border="1" style={{margin:200}}>
<tbody>
<tr>
<th colspan="2">我是占位符</th>
<th colspan="2">我是占位符</th>
</tr>
<tr>
<th rowspan="2">我是占位符</th>
<th>我是占位符</th>
<th>我是占位符</th>
<th>我是占位符</th>
</tr>
<tr>
<th>我是占位符</th>
<th>我是占位符</th>
<th>我是占位符</th>
</tr>
</tbody>
</table>
效果
css3斜线表头
<td >
<div class="biaoTou">
</div>
</td>
.biaoTou {
border-top: 200px #199fff solid; /*上边框宽度等于表格第一行行高*/
border-left: 200px #ff8838 solid; /*左边框宽度等于表格第一行第一格宽度*/
}
【推广】
免费学中医,健康全家人
原文地址:https://www.cnblogs.com/liyuspace/p/8988569.html
- 推荐文章
- c#权限验证
- 选择列表中的列无效,因为该列没有包含在聚合函数或 GROUP BY 子句中
- 单元测试,模拟用户Get登陆,并携带登录后的token访问接口
- c#WebApi使用form表单提交excel,实现批量写入数据库
- SQL语句结合上下文查询(in查询)
- c#考勤统计
- c#List数组移除元素
- PHP 多维数组排序
- 正则取字符串
- php 解决返回数据 数字 变成科学计数法后转换问题
- CI框架 模糊查询,链表查询
- phpstoem破解
- CI框架 core
- ci框架 自定义配置方法
- PHP ASCII 排序方法
- 去小数点后两位
- get 和 post
- 题解 LOJ3275 「JOISC 2020 Day2」有趣的 Joitter 交友
- 题解 CF1332G No Monotone Triples
- 题解 CF1327 D,F,G Infinite Path, AND Segments, Letters and Question Marks
- 题解 nflsoj204 排列
- 题解 CF1328 D,E,F Carousel, Tree Queries, Make k Equal
- 题解 LOJ3277 「JOISC 2020 Day3」星座 3
- 题解 nflsoj464 CF1267K 正睿1225:一个简单的计数技巧
- 题解 CF1326F2 Wise Men (Hard Version)
- 题解 CF1326E Bombs
- 题解 CF1316E and UOJ495:一类结合贪心的背包问题
- 仓鼠的DP课 学习笔记
- 题解 CF1314B Double Elimination
- 固件