CSS 是網頁設計中不可或缺的一部分，它可以為網頁添加各種樣式和效果。本文將介紹如何使用 CSS 畫指示線。

/* 創建一個指示線類 */
.indicator-line {
position: absolute;
height: 1px;
background-color: #000;
/* 其他樣式屬性 */
}

上述代碼創建了一個名為 "indicator-line" 的 CSS 類，它設置了一個絕對定位的水平線，高度為 1px，顏色為黑色。

為了畫出指示線，我們需要在 HTML 中添加相應的元素，并將其應用于剛剛創建的 CSS 類。以下是一些不同類型的指示線示例：

在上述示例中，我們分別創建了三條不同類型的指示線。為了呈現實線、虛線和雙線效果，我們可以添加相應的類（"solid"、"dotted" 或 "double"）到 "indicator-line" 類中。

/* "solid" 指示線 */
.indicator-line.solid {
border-top-style: solid;
}
/* "dotted" 指示線 */
.indicator-line.dotted {
border-top-style: dotted;
}
/* "double" 指示線 */
.indicator-line.double {
border-top-style: double;
}

如上所示，我們通過設置 "border-top-style" 樣式屬性來實現不同類型的指示線效果。

除了樣式效果之外，我們還可以設置指示線的位置和寬度。以下是示例代碼：

/* 設置位置和寬度 */
.indicator-line {
left: 0;
right: 0;
width: 50%;
margin: 0 auto;
}

在上述代碼中，我們將指示線的位置固定為相對于其父元素的水平居中位置，并將其寬度設置為父元素寬度的一半。

通過上述示例代碼，我們可以輕松地使用 CSS 畫出不同類型和樣式的指示線，使網頁更具吸引力和可讀性。