CSS3光標畫線是CSS新功能之一，它主要是通過設置光標的類型和線條的寬度、顏色等屬性，來繪制出一條直線。

.cursor-line {
cursor: crosshair;
border-bottom: 2px dashed #666;
}

如上代碼所示，通過設置鼠標光標為crosshair，即十字線型，同時設置底部邊框為2像素虛線，顏色為灰色#666，就能實現一條橫線。

通過改變光標類型和邊框屬性，還可以繪制出斜線、豎線和自定義形狀的線條。

.cursor-line-diagonal {
cursor: ne-resize;
border-top: 2px solid #666;
border-right: 2px solid #666;
height: 0;
width: 50px;
transform: rotate(45deg);
}
.cursor-line-vertical {
cursor: ew-resize;
border-left: 2px dotted #666;
height: 50px;
width: 0;
}
.cursor-line-custom {
cursor: url('my-cursor.cur'), auto;
border-bottom: 2px solid #333;
height: 50px;
width: 100px;
}

如上代碼所示，.cursor-line-diagonal繪制出的是一條斜線，通過設置光標類型為ne-resize，即右上角斜線符號，同時設置上邊框和右邊框都為2像素實線，高度為0，寬度為50像素，并通過transform屬性旋轉45度，就可以形成一條斜線。

.cursor-line-vertical繪制出的是一條豎線，通過設置光標類型為ew-resize，即左右箭頭符號，同時設置左邊框為2像素點狀線，高度為50像素，寬度為0，即可繪制出一條豎線。

.cursor-line-custom是自定義形狀，通過通過設置光標類型為自定義光標文件my-cursor.cur，同時設置底邊框為2像素實線，高度為50像素，寬度為100像素，就可以繪制出自定義形狀的線條。

總之，CSS3光標畫線功能可以實現繪制出多種形狀的線條，是Web前端開發中值得掌握的技能。