創建多個均勻間隔的水平線，只有css

Question

是否可以使用CSS創建多個水平均勻間隔的線？我正在嘗試複製記事卡的外觀，並且我不希望使用圖像。似乎這應該是可能的。它看起來像這個人完成了我想做的事情，但他們正在使用mozilla特定標籤：Fiddle

猜我必須添加代碼，如果我包括一個小提琴鏈接。 從該頁面的CSS：

div { 
background: 
-moz-repeating-linear-gradient(center top , #fafafa, #fafafa 22px, #81CBBC 24px) repeat scroll 0 0 transparent; 
border: 1px solid #f6f6f6; 
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
margin: 30px auto; 
padding: 22px 15px 40px; 
position: relative; 
width: 400px; 
color: #444; 
} 
h1 { 
    font: 24px/26px 'Helvetica Neue', Arial; 
    margin: 0 0 6px; 
} 
li { 
    font: 12px/16px Georgia; 
    margin: 0 0 7px; 
} 

div:before { 
    content: ''; 
    z-index: -1; 
    width: 433px; 
    position: absolute; 
    bottom: -12px; 
    left: 4px; 
    height: 190px; 
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); 
    background: -moz-repeating-linear-gradient(center top , #fafafa, #fafafa 22px, #81CBBC 24px) repeat scroll 0 0 transparent; 
    -moz-transform: rotate(-1deg); 
} 

div:after{ 
    content: ''; 
    z-index: -3; 
    width: 433px; 
    position: absolute; 
    bottom: -18px; 
    left: 6px; 
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); 
    height: 190px; 

    background: -moz-repeating-linear-gradient(center top , #fafafa, #fafafa 22px, #81CBBC 24px) repeat scroll 0 0 transparent; 
    -moz-transform: rotate(-1deg); 
} 

Answer 1

這是什麼意思？

Fiddle

box-shadow:0 1px 0 1px #fff, 0 2px 0 1px #ccc, 0 4px 0 1px #fff, 0 5px 0 1px #ccc;