在CSS中，我們可以使用border-right屬性來(lái)添加豎線，并使用text-align屬性來(lái)實(shí)現(xiàn)右對(duì)齊。同時(shí)，我們還可以使用border-style屬性來(lái)設(shè)置為虛線。下面是一個(gè)示例代碼：

.vertical-line {
border-right: 1px solid black;
text-align: right;
border-style: dashed;
padding-right: 10px;
}

在上述代碼中，我們使用了一個(gè)類(lèi)名“.vertical-line”，并為其設(shè)置了border-right、text-align和border-style屬性。其中，border-right屬性可以控制豎線的寬度、顏色和樣式，text-align屬性可以控制其內(nèi)容的對(duì)齊方式，border-style屬性可以設(shè)置其樣式為虛線。此外，我們還可以使用padding-right屬性來(lái)為其右側(cè)內(nèi)容留出一定的空間。

在HTML中，我們可以使用p標(biāo)簽來(lái)向頁(yè)面添加內(nèi)容，如下所示：

<p class="vertical-line"> 這是一段內(nèi)容，右側(cè)有一條豎線 </p>

在上述代碼中，我們使用了p標(biāo)簽，并為其添加了一個(gè)class為“vertical-line”的類(lèi)名，這將使其具有豎線、右對(duì)齊和虛線的樣式。可以根據(jù)需要修改類(lèi)名和樣式屬性，從而實(shí)現(xiàn)不同的效果。