在網站開發過程中，時常需要提示用戶頁面上的新消息數量。使用CSS來實現從而可以使得提示更加美觀、靈活。

首先，需要一個HTML元素來顯示新消息數量。我們用一個CSS類來定義它的樣式：

.new-msg {
background-color: red;
color: white;
font-size: 12px;
font-weight: bold;
padding: 3px 6px;
border-radius: 50%;
}

這樣我們就定義了一個圓形的新消息提醒，它的顏色是紅色，字體的顏色是白色，字體大小為12像素，字體的粗細為bold，內部有一個3像素高，6像素寬的padding。border-radius屬性可以用來設置圓形。現在，我們可以將這個類應用到任何需要提示新消息數量的元素上。

例如，在用戶登錄后，我們要提示他有多少條新消息。我們可以使用如下HTML代碼：

歡迎回來！您有3條新消息。

這里的數字3可以使用JavaScript來動態替換。同時，我們可以進一步使用CSS選擇器來控制該元素的顯示與隱藏：

.new-msg {
background-color: red;
color: white;
font-size: 12px;
font-weight: bold;
padding: 3px 6px;
border-radius: 50%;
display: none;
}
.has-new-msg .new-msg {
display: inline-block;
}

在這里，我們定義了一個新的CSS類“has-new-msg”。我們使用JavaScript來檢測用戶是否有新消息，并動態向HTML元素添加這個類。然后，我們使用has-new-msg類來控制新消息提示元素的可見性。

以上就是使用CSS來提示新消息數量的方法。通過CSS，我們可以使用樣式來美化新消息提示，并且還可以通過JavaScript使用CSS選擇器來控制元素的可見性。這種方法同樣適用于其他交互效果的開發。