css实现斜线有很多方法，比如：通过两个三角错位，正方形描边旋转.....不过我更推荐这个方法：

CSS实现”斜线”方法-QUI-Notes 

.slant-liner{
height:0px;
border: 1px solid blueviolet;
width: 40px;
display: inline-block;
transform:rotate(125deg);
-o-transform:rotate(125deg);
-moz-transform:rotate(125deg);
-webkit-transform:rotate(125deg);
}