如何用CSS畫一條斜線？對于許多前端開發者而言，這是一個細節問題，但是在設計中，它卻扮演著重要的角色。下面我們將帶您一步一步完成這個任務。

.line {
position: relative;
width: 300px;
height: 0;
border-bottom: 1px solid #000;
transform-origin: left top;
transform: rotate(-45deg);
}

我們首先要設置元素的基本屬性，包括它的位置、寬度、高度和邊框樣式等。在這里，我們設置元素的位置為相對定位，并設置寬度為300像素、高度為0，并且添加一條1像素寬的黑色下邊框。接著，我們要通過transform屬性來旋轉這條邊框，這時候，我們需要設置它的transform-origin屬性，它表示變換的原點，我們將它設置為左上角。

最后，使用rotate函數來對元素進行旋轉。這個函數的第一個參數表示要旋轉的角度，負值為逆時針旋轉，正值為順時針旋轉。在這個例子中，我們設置了-45度的角度，即旋轉45度，并且基準參考點為左上角。

這樣，我們就完成了這條斜線的畫法。通過對以下代碼進行修改，您也可以實現斜線的不同角度和長度，達到您所需要的效果。

.line {
position: relative;
width: 500px;
height: 0;
border-bottom: 2px solid #333;
transform-origin: left top;
transform: rotate(-30deg);
}