問題：
可以使用CSS 將一個數字包圍在一個數字圓圈內嗎？圓圈，如提供的圖像所示？
[數字的圖片被圓]
答案：
是的，使用 CSS 來實現這種視覺效果是可行的。
實作：
.numberCircle {
border-radius: 50%; /* Create a circular shape */
width: 36px; /* Set the width */
height: 36px; /* Set the height */
padding: 8px; /* Provide padding for the text */
background: #fff; /* Set a white background */
border: 2px solid #666; /* Add a gray border */
color: #666; /* Set the font color to gray */
text-align: center; /* Center the text horizontally */
font: 32px Arial, sans-serif; /* Define the font and size */
}<div class="numberCircle">30</div>
以上是如何僅使用 CSS 建立圓形數字徽章？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
