CSS 可以用來創建各種類型的圖形，包括豎直的線。使用 CSS 畫豎直的線可以使用直線類，如 `line-height` 和 `border-radius`。

下面是一個使用 CSS 畫豎直線的簡單示例：

```html

<div style="height: 100px; line-height: 20px;">

<div style="border-radius: 5px; background-color: blue;">

<div style="position: relative; top: -5px;">

<div style="height: 50px; background-color: green;">

<div style="position: absolute; top: 0; left: 50px; width: 50px; height: 50px; background-color: red;">

<p>這條豎直線是由兩個灰色矩形組成的。</p>

</div>

</div>

</div>

</div>

</div>

在上面的示例中，我們使用 CSS 的 `border-radius` 屬性來創建藍色的三角形，并使用 `position: relative` 屬性來將藍色的三角形定位在水平方向上。然后，我們將一個灰色的矩形作為子元素定位在藍色的三角形內部，并使用 `position: absolute` 屬性將其定位在垂直方向上。最后，我們將另一個灰色矩形作為子元素定位在垂直方向上，并使用 `width: 50px; height: 50px; background-color: red` 屬性來設置背景顏色。

通過使用 CSS，我們可以輕松地創建各種類型的圖形，包括豎直的線。你可以通過調整 `line-height` 和 `border-radius` 屬性來改變豎直線的高程和形狀。