HTML怎么設置圓圈里打鉤 HTML提供了多種方式來美化列表的樣式，其中一種方式就是在列表項前面添加一個圓圈或其他圖形，并在其中打鉤或標記。 下面是一種簡單的實現方式： 1. 首先，在ul或ol標簽中添加class或id屬性，用于后面的CSS樣式定義。

<ul class="circle">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

2. 在CSS文件中定義.circle類樣式，包括圓圈和旁邊的文本。

.circle {
list-style-type: none;
margin: 0;
padding: 0;
}
.circle li::before {
content: "\2713";   /* Unicode編碼為打鉤符號 */
color: green;
display: inline-block;
width: 1.2em;
margin-left: -1.2em;   /* 將打鉤符號向左移動，和圓圈對齊 */
font-size: 1.5em;
}
.circle li {
display: block;
margin-bottom: .5em;
}

3. 這里使用了:before偽元素來在每個li前面插入內容。也可以使用后代結構，將圓圈和文本包含在一個div或span中。 現在，就可以看到一個圓圈里面有打鉤的美化列表了。 注：\2713是Unicode編碼為打鉤符號（或者可以使用其他的符號或圖形），可以在查看器中查看這個字符對應的Unicode編碼。