CSS加圓點是頁面設計中常見的一種方式,可以為內容分段并突出重點,下面介紹兩種常見的方法:
一、使用ul和li標簽,設置list-style屬性
<ul> <li>條目1</li> <li>條目2</li> <li>條目3</li> </ul>
在CSS中設置list-style-type屬性,可以決定使用哪種類型的圓點,例如:
ul { list-style-type: disc; /* 實心圓 */ /* list-style-type: circle; 空心圓 */ /* list-style-type: square; 正方形 */ }
二、使用偽元素before和content屬性,模擬實現圓點
<div class="point">內容</div>
.point:before { content: '·'; /* 圓點 */ margin-right: 5px; }
以上兩種方法各有優缺點,使用ul和li標簽可以實現更加統一的排版和語義化,而使用偽元素需要額外的CSS代碼,但可以自由地設置圓點的樣式和位置。
上一篇css加入到html中