在CSS中,可以使用以下代碼來(lái)繪制三個(gè)點(diǎn):
.three-dots { position: relative; width: 20px; height: 20px; } .three-dots::before, .three-dots::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; background-color: #000; } .three-dots::after { transform: rotate(120deg); }
上述代碼定義了一個(gè)名為.three-dots
的類(lèi),用于繪制三個(gè)點(diǎn),在這個(gè)類(lèi)中,我們使用了偽元素::before
和::after
來(lái)繪制兩個(gè)圓點(diǎn),并通過(guò)transform
屬性將第二個(gè)圓點(diǎn)旋轉(zhuǎn)120度,以形成三個(gè)點(diǎn)的效果。
您可以將上述代碼復(fù)制到您的CSS文件中,并添加到需要繪制三個(gè)點(diǎn)的元素中。
<div class="three-dots"></div>
希望這可以幫助您在小程序中繪制三個(gè)點(diǎn)。