html+CSS实例效果(6):模拟表格对角线
(2012-01-12 13:51:59)
标签:
杂谈
/p>
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
模拟表格对角线*{padding:0;margin:0;}
caption{font-size:14px;font-weight:bold;}
table{ border-collapse:collapse;border:1px #525152
solid;width:50%;margin:0 auto;margin-top:100px;}
th,td{border:1px #525152
solid;text-align:center;font-size:12px;line-height:30px;background:#C6C7C6;}
th{background:#D6D3D6;}
.out{ border-top:40px #D6D3D6 solid;
width:0px;
height:0px;
border-left:80px #BDBABD 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;}
.t1{background:#BDBABD;}
类别 姓名 | 年级 | 班级 | 成绩 | 班级均分 |
---|---|---|---|---|
class="t1">张三 | 三 | 2 | 62 | 61 |
class="t1">李四 | 三 | 1 | 48 | 67 |
class="t1">王五 | 三 | 5 | 79 | 63 |
class="t1">赵六 | 三 | 4 | 89 | 66 |
分享:
喜欢
0
赠金笔
加载中,请稍候......
评论加载中,请稍候...
发评论
登录名: 密码: 找回密码 注册记住登录状态
昵 称:
发评论
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。