在CSS中,我們可以使用li元素和float屬性來實現圓點效果。
ul { list-style-type: none; } li { float: left; margin-right: 10px; width: 10px; height: 10px; border-radius: 50%; background-color: #000; }
首先,我們需要將ul元素的樣式設為list-style-type: none;,這樣就可以隱藏原本的圓點。
然后,我們給li元素設置float: left;,將它們放在同一行。我們還可以通過margin-right屬性來調整圓點之間的距離,通過width和height屬性來控制圓點的大小,通過border-radius屬性來將正方形的邊角變為圓角,最后通過background-color屬性來設置圓點的顏色。
使用 CSS + li 圓點 + float 的方法,可以實現簡單又美觀的圓點效果,適用于博客、文章等多種場景。