CSS兩點(diǎn)連線指的是在CSS中，通過(guò)指定兩個(gè)點(diǎn)的坐標(biāo)，創(chuàng)建一條直線的效果。這樣的直線可以應(yīng)用于網(wǎng)頁(yè)布局、圖表繪制、以及其他一些需要連線的場(chǎng)景。

.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%;
}

以上代碼為實(shí)現(xiàn)常見(jiàn)的四條邊線（上下左右）的樣式代碼。其中，利用position屬性將直線的位置定位到網(wǎng)頁(yè)中的指定位置。通過(guò)指定background-color屬性可以設(shè)置直線的顏色。而width和height屬性則可以設(shè)置直線的寬度和高度。

如果需要在自定義的位置創(chuàng)建直線，可以利用top、right、bottom以及l(fā)eft屬性指定所需直線的位置。下面是一個(gè)例子：

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

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