在網(wǎng)頁(yè)設(shè)計(jì)中，數(shù)字加標(biāo)點(diǎn)是一種常見(jiàn)的格式化方式。使用CSS可以輕松的實(shí)現(xiàn)數(shù)字加標(biāo)點(diǎn)的效果，而不需要在HTML文本中手動(dòng)添加標(biāo)點(diǎn)符號(hào)。

下面是一段CSS代碼，可以在數(shù)字后添加小數(shù)點(diǎn)和千位分隔符：

.usage {
/* 添加小數(shù)點(diǎn) */
counter-reset: num-decimal;
}
.usage li {
position: relative;
/* 增加計(jì)數(shù)器 */
counter-increment: num-decimal;
}
.usage li::after {
/* 在數(shù)字后添加小數(shù)點(diǎn) */
content: ". ";
position: absolute;
right: 0;
top: 0;
/* 使用計(jì)數(shù)器顯示數(shù)字 */
counter: num-decimal;
}
/* 添加千位分隔符 */
.usage li::before {
/* 使用計(jì)數(shù)器顯示數(shù)字，并轉(zhuǎn)換為字符串 */
content: counter(num-decimal) ", ";
/* 判斷是否為千位數(shù) */
if (counter(num-decimal) mod 3 = 0) {
/* 在千位數(shù)處刪除逗號(hào) */
content: counter(num-decimal) " ";
}
}

在HTML中，我們可以使用這樣的代碼來(lái)實(shí)現(xiàn)數(shù)字加標(biāo)點(diǎn)的效果：

<ul class="usage">
<li>1000</li>
<li>20000</li>
<li>300000</li>
</ul>

渲染后，數(shù)字將會(huì)帶上小數(shù)點(diǎn)和千位分隔符：

1000.  20,000.  300,000.  

使用CSS可以輕松的實(shí)現(xiàn)數(shù)字加標(biāo)點(diǎn)的效果，為網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)更多的格式化選擇。