CSS能夠為網頁添加各種各樣的效果，其中之一就是條紋效果。下面就來學習如何使用CSS自己制作條紋。

/* 使用stripes類為元素添加條紋效果 */
.stripes {
background: repeating-linear-gradient(
45deg,
#fff,
#fff 10px,
#333 10px,
#333 20px
);
}

上述代碼中，我們使用了CSS的線性漸變（linear-gradient）函數，定義了一個45度角度的漸變，并重復進行。其中，#fff和#333代表兩種不同的顏色，10px和20px代表漸變的間距。

如果我們想要改變條紋的顏色、間距以及角度，可以通過修改以上代碼中的對應數值來實現。例如：

/* 改變條紋的顏色、間距和角度 */
.stripes-blue {
background: repeating-linear-gradient(
-45deg,
#007bff,
#007bff 10px,
#005cbf 10px,
#005cbf 20px
);
}

以上代碼中，將條紋的角度改為-45度，顏色分別為#007bff和#005cbf，間距為10px和20px，以藍色為主色。

最后附上一個使用CSS制作條紋的實例：

<div class="stripes">
<p>這是一段帶有條紋效果的文本</p>
</div>

以上代碼中，我們在一個<div>元素中添加了stripes類，使其帶有條紋效果。