CSS是網頁設計中必不可少的一部分。在實際應用中，CSS可以幫助我們實現各種不同的效果，而其中之一就是自動識別身份證號。

.id-number {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.id-number:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #ffffff;
margin-right: 5px;
}
.id-number:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 4px 0;
border-color: #cccccc transparent transparent transparent;
margin-left: 5px;
}

在上面的代碼中，我們首先定義了一個class為"id-number"的元素，并設置其文本超出部分顯示為省略號。接著，我們使用:before和:after偽元素分別添加了一個三角形的指示器，以便于用戶更容易地辨認身份證號的起止位置。

使用CSS自動識別身份證號，是一種非常方便和實用的方法。通過這種方法，在網頁中輸入身份證號時，用戶不再需要手動添加空格或其他分割符號，而可以直接輸入18位純數字，頁面會自動分割并加上指示器，方便用戶查看和復制。