交叉重复红色线css外div。

Is it possible to set repeat red line to its outer div at end of the page?

是否可以在页面的末尾设置重复红色线到它的外div ?

Here is the image click here

这里是图像点击这里。

.crossline {
width: 2px;
height: 10px;
border-bottom: 1px solid red;
-webkit-transform:
translateY(-20px)
translateX(5px)
rotate(27deg);
position: relative;

}

}

1 个解决方案

#1

This is something you could do, using repeating linear gradients.

这是你可以做的，使用重复线性梯度。

div {
  width: 100px;
  height: 600px;
  background: repeating-linear-gradient(45deg, #ff0000, #ff0000 1px, #ffffff 1px, #ffffff 10px);
}

<div></div>