css表格表头对角线,用div+css模拟类excel表格对角线（斜线）

我们先看html代码吧

用div+css模拟类excel表格对角线(斜线)

科目 姓名	数学	语文
张三	92	62
李四	91	67

第一种写法

css如下

* {

padding: 0;

margin: 0;

}

table {

border-collapse: collapse;

border: 1px #525152 solid;

width: 50%;

margin: 0 auto;

margin-top: 100px;

}

table tr:hover>td {

background-color: #ecf3f8;

}

th, td {

border: 1px #525152 solid;

text-align: center;

font-size: 12px;

line-height: 30px;

}

th {

background: #D6D3D6;

}

tr td:first-child {