CSS 條紋背景是一種經典的設計元素，能夠讓你的網站看起來更具有視覺效果和吸引力。下面我們就來學習一下如何設置 CSS 條紋背景。
首先，在 HTML 頁面中創建一個帶有 class 屬性的 div 元素，代碼如下：

<div class="striped-bg"></div>

接下來，在 CSS 文件中設置以下樣式代碼，來為這個 div 元素創建條紋背景：

.striped-bg {
background-image: linear-gradient(to right, #fff 0%, #fff 50%, #000 50%, #000 100%);
}

在這里，我們使用了 CSS 中的 linear-gradient() 方法來創建條紋背景。其中，“to right” 表示從左到右的漸變方式，從白色 ( #fff ) 開始到黑色 ( #000 ) 結束。同時，以 50% 的位置分開白色和黑色，即形成了條紋的效果。
我們還可以設置不同顏色的條紋，具體方式如下：

.striped-bg {
background-image: linear-gradient(to right, #ff4b2b 0%, #ff4b2b 45%, #00ff90 45%, #00ff90 55%, #3e30a2 55%, #3e30a2 100%);
}

在這里，我們使用了三種不同的顏色來創建條紋，其中 #ff4b2b 代表橙色，#00ff90 代表藍色，#3e30a2 代表紫色，按照相同的方式進行分隔，最終形成了一種多彩的條紋背景。
總之，CSS 條紋背景是一種簡單且有效的設計元素，可以增加你網站的視覺吸引力，讓你的內容更加引人注目。快來試一試吧！