CSS 一個圓點是Web頁面設計中經常用到的樣式之一。這樣的樣式可以被用于各種場景,比如列表,導航等。下面我們來學習如何創建一個簡單的CSS圓點樣式。
/* CSS代碼 */ .dot { width: 10px; height: 10px; border-radius: 50%; background-color: black; }
上面的代碼定義了一個CSS類名叫做".dot",通過這個類我們可以把這種樣式應用到頁面中的任何元素。
代碼中的"width"和"height"屬性分別指定了圓點的寬和高。這里設定的值是10像素,您可以根據需要調整這個值。
"border-radius"屬性被設定成50%,這樣可以設置圓點的半徑為元素的最大寬或高的50%。
"background-color"屬性定義了圓點的背景顏色,這里我們設定為黑色。您可以改用其他顏色。
這些定義了一個最小限度的樣式,可以根據具體的需求而進行調整或添加其它的屬性。
上一篇css 三列并排居中