<meta charset="UTF-8">
<title>表格表头有斜线</title>
<style>
*{
margin: 0;
padding: 0;
}
.box{
width: 96%;
}
.a-ca-table{
width: 100%;
margin: 20px 20px;
}
.a-ca-head-title {
border-right: solid 1px #e5e5e5;
background-color: white;
padding: 0 !important;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table th {
padding: 7px 38px;
/*width: 160px;*/
border-right:1px solid #eee;
}
table td {
padding: 5px;
}
.a-ca-table {
border: solid 1px #e5e5e5;
color: red;
}
.a-ca-table tbody tr td {
border: solid 1px #e5e5e5;
text-align: center;
}
.a-ca-ht-div {
background-image: url(./xiexian.png);
background-size: 100% 100%;
}
.a-ca-t-week {
border-bottom: solid 1px #e5e5e5;
border-top: solid 1px #e5e5e5;
}
.a-cat-td-name{
width: 60px;
color: #ddd;
}
.a-cat-td-name2{
width: 182px;
}
.a-ca-t-worker{
color: #ddd;
height:43px;
}
.a-ca-ht-div{
color: #ac0;
}
.a-ca-ht-div th{
border: none;
}
.out {
/*border-top: 5em #199fff solid; !*上边框宽度等于表格第一行行高*!*/
/*border-left: 200px #ff8838 solid; !*左边框宽度等于表格第一行第一格宽度*!*/
/*position: relative; !*让里面的两个子容器绝对定位*!*/
/*color:white;*/
}
</style>
<table class="a-ca-table">
<thead>
<tr class="a-ca-t-worker">
<th rowspan="2" colspan="2" class="a-ca-head-title">
<div class="a-ca-ht-div out">
<table>
<thead>
<tr class="a-ca-ht-day">
<th></th>
<th>日期</th>
</tr>
<tr class="a-ca-ht-worker">
<th>员工</th>
<th></th>
</tr>
</thead>
</table>
</div>
</th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
<th>11</th>
<th>12</th>
<th>13</th>
<th>14</th>
<th>15</th>
</tr>
<tr class="a-ca-t-week">
<th>二</th>
<th>三</th>
<th>四</th>
<th>五</th>
<th>六</th>
<th>日</th>
<th>一</th>
<th>二</th>
<th>三</th>
<th>四</th>
<th>五</th>
<th>六</th>
<th>日</th>
<th>一</th>
<th>二</th>
</tr>
</thead>
<tbody>
<tr>
<td class="a-cat-td-name">1 </td>
<td class="a-cat-td-name2">哈哈啊哈 </td>
<td class=" ">早 </td>
<td class=" ">早 </td>
<td class=" ">晚 </td>
<td class=" a-ca-t-green ">休 </td>
<td class=" a-ca-t-red ">假 </td>
<td class=" ">晚 </td>
<td class=" ">早 </td>
<td class=" ">晚 </td>
<td class=" a-ca-t-green ">休 </td>
<td class=" ">晚 </td>
<td class=" ">晚 </td>
<td class=" ">早 </td>
<td class=" ">晚 </td>
<td class=" ">早 </td>
<td class=" ">晚 </td>
</tr>
<tr>
<td class="a-cat-td-name">1 </td>
<td class="a-cat-td-name2">哈哈啊哈 </td>
<td class=" ">早 </td>
<td class=" ">早 </td>
<td class=" ">晚 </td>
<td class=" a-ca-t-green ">休 </td>
<td class=" a-ca-t-red ">假 </td>
<td class=" ">晚 </td>
<td class=" ">早 </td>
<td class=" ">晚 </td>
<td class=" a-ca-t-green ">休 </td>
<td class=" ">晚 </td>
<td class=" ">晚 </td>
<td class=" ">早 </td>
<td class=" ">晚 </td>
<td class=" ">早 </td>
<td class=" ">晚 </td>
</tr>
</tbody>
</table>
