クロスリピートレッドラインcssアウターdiv

Question

ページの最後の外側のdivにリピートレッドラインを設定することはできますか？ここで

は画像click here

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

}

Answer 1

これは、繰り返し線形グラデーションを使用して、あなたができる何かです。

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

<div></div>