CSS是一種用來改變HTML文檔樣式的語言。有時候需要在HTML文檔中繪制一個連接兩個點的線來表示關系，這時可以使用CSS中的偽元素來實現此目的。

:before 和 :after

在CSS中，有兩個偽元素可以用來給元素添加額外的內容或修飾樣式：:before和:after。他們的使用方法非常相似，只是效果略有不同。

.element:after {
content: "";
display: block;
width: 100px;
height: 2px;
background-color: black;
position: absolute;
top: 50%;
left: 100px;
transform: translateY(-50%);
}

上面的代碼為一個元素添加了一個線，通過設置偽元素中的content屬性為空字符串創建一個新元素，然后通過display:block屬性和width和height屬性為該元素設置了寬度和高度。為了將線垂直居中，使用了position:absolute和top和transform屬性。

CSS中的偽元素可以給HTML文檔中的元素添加各種效果，使用靈活，能夠實現各式各樣的效果，例如線條連接兩個點的效果。