在網頁設計中，我們經常需要使用數字上加橫線的效果。這種效果可以用于電話號碼、身份證號碼等需要分隔符號的數字輸入框中，不僅能夠提高用戶的輸入效率，還能提高頁面的美觀度。下面我們將介紹如何通過CSS實現數字上加橫線的效果。

/*CSS代碼如下*/
.num-with-hyphen {
letter-spacing: 20px; /*設置數字之間的間隔*/
}
.num-with-hyphen span {
position: relative; /*設置絕對定位*/
}
.num-with-hyphen span::after {
content: "-";/*在每個數字后面添加一個橫線*/
position: absolute;/*設置絕對定位*/
top: 0;
right: 0;
}

上面的代碼中，我們首先定義了一個類名叫num-with-hyphen，接著在這個類名下面的span標簽中使用偽元素::after在每個數字后面添加一個橫線，同時通過絕對定位將橫線與數字對齊。

使用該類名的HTML代碼如下：

1234

通過上述代碼，我們便可以實現數字上加橫線的效果，美觀實用。希望對您有所幫助。