CSS可以通過transform屬性制作斜線。將一個矩形元素旋轉45度，就可以得到一條斜線，如下代碼：

.slanted-line {
width: 200px;
height: 200px;
background-color: #ccc;
transform: rotate(45deg);
}

上述代碼中，.slanted-line為矩形元素的類名，通過width和height屬性設置元素的尺寸，通過background-color屬性設置元素的背景顏色，通過transform屬性將元素旋轉了45度。

我們也可以通過偽元素before和after來制作斜線，如下代碼：

.slanted-line:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
transform: skew(45deg);
background-color: #ccc;
}

上述代碼中，.slanted-line為元素的類名，偽元素:before為元素的前置偽元素，通過content屬性設置偽元素沒有內容，position屬性設置偽元素的定位方式為絕對定位，top和left屬性將偽元素定位到元素的左上角，width和height屬性設置偽元素的尺寸，通過transform屬性將偽元素進行45度的傾斜，background-color屬性設置偽元素的背景顏色。

需要注意的是，如果偽元素設置了border或box-shadow等屬性，會導致斜線顯示不全或顯示異常。