CSS數字徽標（CSS Badge）是一種在網頁中顯示數字的小型組件。它可以用來展示一些數量相關的內容，如未讀郵件數、購物車中商品數量等。

.badge {
display: inline-block;
padding: 0.25em 0.5em;
font-size: 0.8em;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 1em;
background-color: #E91E63;
color: #fff;
}

上面是一個很基礎的CSS樣式，用來創建一個紅色背景、白色字體、圓形邊角的數字徽標。我們可以通過修改樣式來實現不同的效果。例如，改變字體大小、背景顏色、圓角大小，調整內外邊距等。

在使用數字徽標時，我們可以通過JavaScript動態地修改其內容。下面是一個簡單的示例：

<span class="badge"></span>
<script>
var unreadCount = 10;
var badge = document.querySelector('.badge');
badge.innerText = unreadCount;
</script>

上述代碼中，我們創建了一個空的數字徽標，并通過JavaScript獲取到它。然后把未讀郵件數賦值給它的innerText屬性，這樣就可以顯示相應的數字了。

通過CSS數字徽標，我們可以方便地展示一些數量信息，讓網頁更加生動有趣。同時，也可以根據需要定制不同的樣式，以實現更多的展示效果。