CSS畫紅點
.red-dot { width: 10px; height: 10px; border-radius: 50%; background-color: red; }
以上代碼是使用CSS畫一個紅點的代碼,詳細解釋如下:
首先是定義一個類名為.red-dot的樣式,class選擇器用于指定一個元素類,這里的類名為.red-dot表示要定義的是一個紅點的樣式。
然后是設置元素的寬度和高度,通過width和height屬性指定,這里設置了10px。
border-radius用于設置元素邊框圓角半徑,只有設置為50%時才能形成一個圓形的元素。
background-color屬性用于設置元素的背景顏色,這里設置為紅色。
通過以上設置,即可在HTML頁面中使用紅點,方法如下:
<div class="red-dot"></div>
使用div元素,并為其添加class為.red-dot即可顯示一個紅點。