CSS加豎直直線的方法有很多種，下面介紹其中一種：

使用CSS的`border-right-style`屬性和`border-right-width`屬性來添加豎直直線。

首先，我們需要在HTML中添加一個包含豎直直線的CSS類，如下所示：

```html

<style>

.直線 {

border-right-style: solid;

border-right-width: 1px;

</style>

在這個類中，我們使用了`border-right-style`屬性來指定豎直線的顏色，以及`border-right-width`屬性來指定豎直線的寬度。我們還為這個類添加了一個ID，以便在CSS中直接使用。

接下來，我們可以在CSS中為需要添加豎直直線的HTML元素添加一個類，如下所示：

```html

<div id="myDiv">

<p>這是一段豎直直線。</p>

</div>

在這個元素上，我們可以使用以下CSS:

```css

#myDiv {

border-right-style: solid;

border-right-width: 10px;

這個CSS中，我們使用了`border-right-width`屬性來指定豎直線的寬度，將其設置為10px。由于我們使用了相對寬度，因此豎直線的寬度將相對于HTML元素的寬度進行調整。

這樣，我們就成功地添加了一個豎直直線。當然，我們還可以使用其他CSS屬性來調整豎直線的位置、顏色等，以滿足我們的需求。