在網頁設計中，CSS樣式表是必用的內容。除了定義顏色和字體等基本樣式外，CSS還可以控制數字格式，使其更清晰易讀。下面是一些CSS數字格式的方法。

/* 數字格式：百分數 */
.percent {
min-width: 4em; /* 設置最小寬度以防止寬高變化 */
text-align: right; /* 使數字右對齊 */
}
.percent span {
display: inline-block; /* 設置下邊距 */
margin-bottom: 0.15em; /* 下邊距占數字高度比例的1/6 */
}
.percent span:last-of-type {
margin-bottom: 0; /* 去掉最后一個數字的下邊距 */
}
.percent span::after {
content: "%"; /* 在每個數字后加上百分號 */
}
/* 數字格式：貨幣 */
.currency {
text-align: right;
}
.currency::before {
content: "$"; /* 在數字前加上$符號 */
}
/* 數字格式：千位分隔符 */
.commas {
text-align: right;
}
.commas::before {
content: "$"; /* 在數字前加上$符號 */
}
.commas span {
display: inline-block; /* 設置下邊距 */
margin-bottom: 0.15em; /* 下邊距占數字高度比例的1/6 */
}
.commas span:last-of-type {
margin-bottom: 0; /* 去掉最后一個數字的下邊距 */
}
.commas span::after {
content: ","; /* 在每3個數字后加上逗號 */
}
/* 數字格式：科學計數法 */
.scientific {
text-align: right;
}
.scientific::before {
content: "x10"; /* 在數字前加上x10 */
}

以上代碼展示了如何通過CSS樣式表格式化數字。在HTML代碼中，只需要添加對應的CSS類名即可。比如，如果你的數字值是60%，只需要在HTML中添加class="percent"即可。這些數字格式化方法可以應用于網頁上許多不同的數字，包括統計數據、價格和百分比等。