alice6

 

2015-09-2715:51:55

该方法,实现的不是纯粹的在table中画斜线,而是实现两种颜色的对比,实现出有斜线的感觉:

.C3{

border-top:40px  rgb(101,147,74) solid;/*上边框宽度等于表格第一行行高*/
width:0px;/*让容器宽度为0*/
height:0px;/*让容器高度为0*/
border-left:80px rgb(160,191,124) solid;/*左边框宽度等于表格第一行第一格宽度*/
position:relative;/*让里面的两个子容器绝对定位*/

}
b{

font-style:normal;

display:block;

position:absolute;

top:-40px;

left:-40px;

width:35px;

}
em{

font-style:normal;

display:block;

position:absolute;

top:-25px;

left:-70px;width:55x;

}

<th>
<div class="C3">
<b>时间</b>
<em>地点</em>
</div>
</th>

 

分类:

技术点:

相关文章:

  • 2021-12-26
  • 2021-12-31
  • 2021-08-21
  • 2021-08-13
  • 2021-06-11
  • 2021-12-31
  • 2021-11-13
  • 2021-09-30
猜你喜欢
  • 2021-11-03
  • 2021-11-25
  • 2021-12-26
  • 2021-12-31
  • 2021-09-19
  • 2021-12-31
  • 2021-10-17
相关资源
相似解决方案