css中怎么显示斜线 |IE css盒子模型

// 创建对角线的方法一：利用transform和backgroud-image属性
.line {
background-image: linear-gradient(to bottom right, transparent calc(50% - 0.5px), #000 calc(50% - 0.5px), #000 calc(50% + 0.5px), transparent calc(50% + 0.5px));
transform: rotate(45deg);
}
// 创建对角线的方法二：利用border属性
.line {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 100px solid #000;
}
// 创建斜线的方法三：利用斜线图案
.line {
width: 100px;
height: 100px;
background: url('line-pattern.png') repeat;
}

以上是CSS实现斜线效果的三种方法，它们分别是利用transform和backgroud-image属性、利用border属性、利用斜线图案。具体使用哪种方法需要根据实际情况进行选择。