在網頁開發中，我們經常會遇到需要隱藏敏感信息的情況，比如銀行卡號、電話號碼等。這種情況下，我們可以使用 CSS 將部分數字中間變成星號來達到隱藏的效果。

/* 將銀行卡號中間 8 位變成星號 */
.card-number {
font-size: 24px;
font-weight: bold;
}
.card-number::before {
content: "";
display: inline-block;
width: 50px;
}
.card-number::after {
content: "";
display: inline-block;
width: 50px;
}
.card-number span {
display: inline-block;
line-height: 1;
letter-spacing: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.card-number span::before {
content: "**** **** **** ";
letter-spacing: normal;
}

上面的 CSS 代碼中，我們首先定義了一個名為.card-number的類，用于表示銀行卡號元素。然后使用::before和::after偽元素插入一些空白區域，使銀行卡號居中顯示。

接下來，我們使用letter-spacing屬性將所有數字之間的間距設為 10px，這樣可以使數字之間的星號正好覆蓋住。

通過::before偽元素插入一段星號占位符**** **** ****，再將數字部分用span標簽包裹，用text-overflow: ellipsis實現超出部分省略號的效果。最后使用span::before將星號覆蓋到數字上。

如此一來，銀行卡號中間 8 位就會變成星號，達到了隱藏的目的。