注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

牧野流星

每个人心中都有一个梦想..........

 
 
 

日志

 
 

Html表格内添加斜线  

2013-12-25 10:25:22|  分类: CSS+DIV |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<!--http://www.blueidea.com/tech/web/2009/6381.asp-->
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用div+css模拟表格对角线</title>
<style type="text/css">
table{ border-collapse:collapse;border:1px #525152 solid;width:90%;margin:0 auto;margin-top:100px;}
th,td{border:1px solid #525152;text-align:center;font-size:12px;line-height:30px;background:#C6C7C6;}
th{background:#D6D3D6;}
/*模拟对角线*/
.out{
border-top:25em #D6D3D6 solid;/*上边框宽度等于表格第一行行高*/
border-left:80px #BDBABD solid;/*左边框宽度等于表格第一行第一格宽度*/
position:relative;/*让里面的两个子容器绝对定位*/
}
b{font-style:normal;display:block;position:absolute;top:-23em;left:-75px;width:80px;}
em{font-style:normal;display:block;position:absolute;top:-40px;left:-90px;width:80px;}
.assessDetail td{background-color: #FFF;}
</style>
</head>
<body>
<table>
<tr>
<th style="width:80px;" rowspan="3">
<div class="out">
<b>内容及标准</b>
<em>考核对象</em>
</div>
</th>
<th>年级</th>
<th>班级</th>
<th>成绩</th>
<th>班级均分</th>
<th style="width:80px;" rowspan="3">总分</th>
</tr>
<tr>
<td>职能、职责定位准确,能组织、协调、监督</td>
<td>1.职能、职责定位准确,能组织、协调、监督、检查工作; 2.本领域的管理制度有哪些,当年训)行严格、规范到基层,卓有成效。</td>
<td>1.职能、职责定位准确,能组织本领域的管理制度有哪些,当年训)行严格、规范到基层,卓有成效。</td>
<td>1.职能、职责定位准确,能组织本领域的管理制度有哪些,当年训)行严格、规范到基层,卓有成效。</td>
</tr>
<tr>
<td>1.职能、职责定位准确,协调、当制度是否满足管理需要; 3. 本领域管理制度执行严格、规,卓有
<td>1.职能、职责定位准确,协调、当制度是否满足管理需要; 3. 本领域管理制度执行严格、规,卓有
<td>1.职能、职责定位准确,协调、当制度是否满足管理需要; 3. 本领域管理制度执行严格、规,卓有
<td>1.职能、职责定位准确,协调、当制度是否满足管理需要; 3. 本领域管理制度执行严格、规,卓有成效。</td>
</tr>
<tr class="assessDetail">
<td>部门</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr class="assessDetail">
<td>办公室</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>
  评论这张
 
阅读(20791)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018