CSS实现表格项斜角

在进行表格项斜角设置之前，先讲述一个边框的设置效果，代码和实现的效果如下：

#border{
    border-top:30px solid #f00;
    border-right:30px solid #0f0;
    border-bottom:30px solid #00f;
    border-left: 30px solid #000;
    width: 0;
}
<div id="border"></div>

效果图如下：

就是利用了边框的这种属性来达到斜线的效果，在下面的程序中使用两层边框叠加的效果来实现斜线的效果

<style>
    .border{
        border-top: