交叉重複紅線css外部div

是否可以在頁面末尾設置重複紅線到其外部div？交叉重複紅線css外部div

這裏是圖像click here

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

}

來源

2016-12-03 Rohan Nayani

你應該使用該圖像或可能是'線性gradient'。 – connexo

@conexo謝謝！我已經試過了，你可以給我一個樣本來設置外部div的圖像嗎？ –

'.outer-div {background-image：url（path/to/your/img.png）repeat; }' – connexo

這是你可以做的，使用重複線性漸變。

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

<div></div>

來源

2016-12-03 04:37:33 Sreekanth

優秀！ +1從我身邊:) –

交叉重複紅線css外部div

回答

相關問題