table 斜线

.out{  
      border-top:40px #f0efeb solid;/*上边框宽度等于表格第一行行高*/ 
   border-left:200px #e6faf9 solid;/*左边框宽度等于表格第一行第一格宽度*/  
   position:relative;/*让里面的两个子容器绝对定位*/
  }
 .out span{
   font-style:normal;
   display:block;
   position:absolute;
    top:-24px;
    left:-200px;
   width:100px;
  }
  .out em{
   font-style:normal;
   display:block;
   position:absolute;
    top:-38px;
    left:-100px;
   width:100px;
  }

<td style="width:20%;padding:0px;">
    <div class="out">   
     <span> 安全事件威胁</span>   
     <em>设备重要性</em>  
    </div>
   </td>

table 斜线

原文：http://www.cnblogs.com/supber/p/4046332.html