CSS漂亮數(shù)字是通過CSS樣式來美化數(shù)字的外觀。這些樣式可用于制作漂亮的計數(shù)器、時鐘、進度條和其他需要數(shù)字表示的內(nèi)容。

想要制作漂亮的數(shù)字外觀，可以使用CSS的偽元素和屬性。其中，偽元素before和after可用于在數(shù)字前后添加內(nèi)容，例如添加一個圓形背景或一個陰影，以使數(shù)字更醒目。

以下是一個簡單的例子，演示如何使用CSS漂亮數(shù)字：

/* 定義漂亮數(shù)字的樣式 */
.pretty-num {
font-family: Arial, sans-serif;
font-size: 36px;
color: #fff;
background: #1abc9c;
padding: 10px 15px;
border-radius: 10px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
position: relative;
}
/* 偽元素before用于添加一個小圓形 */
.pretty-num:before {
content: "";
display: block;
width: 15px;
height: 15px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 8px;
left: -10px;
}
/* 偽元素after用于添加一個陰影 */
.pretty-num:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.3);
z-index: -1;
border-radius: 10px;
}
/* HTML使用漂亮數(shù)字樣式 */
<p class="pretty-num">123</p>

通過CSS的樣式定義和 HTML頁面使用，我們就可以制作漂亮的數(shù)字來呈現(xiàn)在我們的網(wǎng)頁上了。