CSS是一種用于網頁排版的語言，它可以讓我們在不使用圖片的情況下實現一些很酷的效果。比如說，在網頁中展示一排圓點。這種效果常常被用于輪播圖或者導航欄。

要實現一排圓點，我們需要用到CSS中的偽元素：before和after。我們可以將這些偽元素設置成圓形，然后用絕對定位（position:absolute）將它們定位到相應的位置上。

/*定義圓點*/
li:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ccc;
display: inline-block;
margin-right: 10px;
}
/*定義圓點的位置*/
li:first-child:before {
position: absolute;
left: -15px;
}
li:nth-child(2):before {
position: absolute;
left: 15px;
}
li:nth-child(3):before {
position: absolute;
left: 45px;
}
li:last-child:before {
position: absolute;
right: -15px;
}

以上代碼中，我們首先定義了圓點的樣式。然后，我們用:before偽元素將樣式應用到每一個li元素上。接著，我們使用nth-child偽類選擇器，分別將每一個圓點定位到它應該出現的位置上。

使用CSS，我們可以輕松地創建一排圓點。這個技巧不僅僅實用，而且還能夠提高你的CSS技能。如果你對CSS感興趣，不妨多嘗試一些新的技巧和特效。