码迷,mamicode.com
首页 > 其他好文 > 详细

如何在表格里添加斜线

时间:2015-09-27 17:33:41      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:

 

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>

 

如何在表格里添加斜线

标签:

原文地址:http://www.cnblogs.com/alice6/p/4842378.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!