CSS3中提供了多種方式實現斜紋背景。下面介紹其中比較常用的兩種方式。

使用線性漸變

background: linear-gradient(135deg, #c3cfe2 25%, #8e9eab 25%, #8e9eab 50%, #bdc5d0 50%, #bdc5d0 75%, #ffffff 75%);

其中，我們通過linear-gradient函數設置了背景，首先設置斜線的角度是135度，然后重復設置了四個顏色分別表示左上角，右上角，右下角和左下角的顏色。

使用transform

background: #c3cfe2;
transform: skew(-20deg);

我們先設置背景顏色，然后使用transform屬性把元素傾斜20度。傾斜角度可以根據實際需要進行修改，同時也可以使用transform-origin屬性設置傾斜的起點位置。

需要注意的是，使用上述方式設置斜紋背景時，背景顏色會被拉伸，因此可能需要使用background-size屬性進行調整。