HTML中的CSS可以創建各種線條樣式，例如直線、虛線或點線等。然而，有時候我們需要改變線條的方向或者角度。在本文中我們將討論如何使用CSS來改變線段的方向。 首先，我們可以使用transform屬性來旋轉線段。例如，我們可以將一個水平線段旋轉45度，代碼如下：

.line {
width: 100px;
height: 1px;
background-color: black;
transform: rotate(45deg);
}

以上代碼中，在.line類中定義了一條水平的線段。我們使用transform: rotate屬性將其旋轉45度。 接下來，我們可以使用CSS3中的linear-gradient屬性來創建斜向的線段。例如，我們可以創建一條從左上角到右下角的線段，代碼如下：

.line {
width: 100px;
height: 1px;
background: -webkit-linear-gradient(left top, black, black 50%, transparent 50%, transparent);
}

以上代碼中，我們使用background屬性和-webkit-linear-gradient值創建了一條從左上角到右下角的線段。該線段的顏色由黑色漸變到透明。 除此之外，我們還可以使用CSS3中的transform屬性和scaleX函數來水平或垂直變換線段。例如，我們可以把一條垂直的線段變成一個水平的線段，代碼如下：

.line {
width: 100px;
height: 1px;
background-color: black;
transform: scaleX(0.5);
}

以上代碼中，我們使用transform屬性和scaleX函數將線段水平縮放了一半。 總結一下，CSS提供了多種方式來改變線段的方向和角度，包括使用transform屬性旋轉、使用linear-gradient屬性創建斜向線段，還可以使用transform屬性和scaleX函數水平縮放線段。希望以上內容對您學習CSS有所幫助。