在網頁設計中，條紋是一個非常常見的元素。它可以增加頁面的視覺效果，使整個頁面更加生動和有趣。接下來將會介紹如何使用CSS來制作條紋。

/* 橫向條紋 */
div{
background-image: repeating-linear-gradient(to right, black, black 10px, white 10px, white 20px);
}
/* 縱向條紋 */
div{
background-image: repeating-linear-gradient(to bottom, black, black 10px, white 10px, white 20px);
}

通過以上代碼可以實現橫向和縱向條紋。使用repeating-linear-gradient屬性定義一個重復的線性漸變，并在to right（to bottom）方向上定義條紋的朝向和寬度。對于橫向條紋，黑色和白色通過10px的間距來重復；對于縱向條紋，黑色和白色通過10px的距離重復。

當然，這只是最基本的用法。你可以根據需要來調整漸變的起始顏色、結束顏色和間距，并使用不同的朝向實現更加復雜的效果。