Question

我想显示div内的对角线，但只显示135度线。当然有135deg，但是如何根据div大小更改div度呢？

#ConnectLine{
    pointer-events: none;
    position: absolute;
    z-index:5;
    background: linear-gradient(135deg, transparent, transparent 49%, black 49%, black 51%, transparent 51%, transparent);
 
}

<div id="ConnectLine" style="width:100px;height:200px;"></div>

Answer 1

在calc中使用css

#ConnectLine {
    border: 1px solid red;
    background: linear-gradient(to bottom right, transparent calc(50% - 1px),  black calc(50% - 1px), black 50%, transparent 50%);
}

<div id="ConnectLine" style="width: 100px; height: 200px;"></div>

制作DIV正方形的对角线

1 个答案: