使用css中线性渐变完成斜线
.d{
position: relative;
float: right;
height: 200px;
width: 200px;
border:1px solid red;
background:linear-gradient(135deg, transparent 49.5%, red 49.5%, red 50.5%, transparent 50.5%);}
<div class="d"></div>
使用css中线性渐变完成斜线
.d{
position: relative;
float: right;
height: 200px;
width: 200px;
border:1px solid red;
background:linear-gradient(135deg, transparent 49.5%, red 49.5%, red 50.5%, transparent 50.5%);}
<div class="d"></div>