如何在表格里添加斜线

 

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>

 

posted @ 2015-09-27 16:25  苹果砸不中  阅读(683)  评论(0)    收藏  举报