CSS兩點連線指的是在CSS中，通過指定兩個點的坐標，創建一條直線的效果。這樣的直線可以應用于網頁布局、圖表繪制、以及其他一些需要連線的場景。

.line {
position: absolute;
background-color: black;
}
.line--top {
top: 0;
width: 100%;
height: 1px;
}
.line--bottom {
bottom: 0;
width: 100%;
height: 1px;
}
.line--left {
left: 0;
width: 1px;
height: 100%;
}
.line--right {
right: 0;
width: 1px;
height: 100%;
}

以上代碼為實現常見的四條邊線（上下左右）的樣式代碼。其中，利用position屬性將直線的位置定位到網頁中的指定位置。通過指定background-color屬性可以設置直線的顏色。而width和height屬性則可以設置直線的寬度和高度。

如果需要在自定義的位置創建直線，可以利用top、right、bottom以及left屬性指定所需直線的位置。下面是一個例子：

.line--custom {
position: absolute;
background-color: red;
top: 100px;
left: 200px;
width: 300px;
height: 5px;
}

使用上述代碼，可以在位置（200px,100px）處創建一條長度為300px，高度為5px的紅色直線。其中，top和left屬性定義了直線的起點，width定義了直線的長度，而height定義了直線的高度。