CSS3作為前端技術的一個重要部分，提供了許多強大的功能，其中包括了畫導航線的功能。通過CSS3，我們可以輕松地為網站制作漂亮的導航線效果，讓網站更加美觀、大氣。

.navline {
position: relative;
height: 1px;
background-color: #ccc;
margin-bottom: 20px;
}
.navline::before {
content: "";
position: absolute;
top: -5px;
left: 0;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #ccc;
background-color: #fff;
}
.navline::after {
content: "";
position: absolute;
top: -5px;
right: 0;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #ccc;
background-color: #fff;
}

通過以上的CSS代碼，我們可以實現一個簡單的導航線效果。首先使用position屬性將.navline設置為相對定位，再設置高度、背景色和下邊距。接著使用偽元素::before和::after分別實現線的左側和右側點的效果。通過設置內容為空字符串，再使用絕對定位、top、left、right、寬度、高度、邊框、邊框半徑等屬性，就可以完成導航線了。