在網(wǎng)頁開發(fā)中，我們常常需要進(jìn)行分頁顯示。在分頁的效果中，一個(gè)很重要的部分就是當(dāng)前頁碼的顏色。在CSS中，我們可以通過設(shè)置當(dāng)前頁碼的顏色來讓用戶更加清晰地知道自己正在瀏覽的頁面。

.page {
display: inline-block;
padding: 5px 10px;
border: 1px solid #ddd;
margin-right: 5px;
color: #333;
}
.page.active {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}

上面是一個(gè)基本的分頁樣式，我們可以看到每個(gè)頁碼都會(huì)顯示為灰色。而如果我們想要讓當(dāng)前頁碼有一個(gè)更加醒目的顏色，我們只需要加上對(duì)應(yīng)的CSS設(shè)置即可。

在上面的代碼中，我們使用了.active類來表示當(dāng)前頁碼的樣式。這個(gè)類包含了兩個(gè)屬性：color和background-color。通過設(shè)置這兩個(gè)屬性，我們可以讓當(dāng)前頁碼的顏色更加醒目。

.page.active {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}

其中，color屬性指定了當(dāng)前頁碼的字體顏色為白色，而background-color屬性指定了當(dāng)前頁碼的背景色為藍(lán)色。這樣設(shè)置之后，當(dāng)前的頁碼就變成了藍(lán)底白字，更加醒目、易于識(shí)別。

通過以上的設(shè)置，我們可以方便地讓用戶知道當(dāng)前正在瀏覽的頁面，提升網(wǎng)站的用戶體驗(yàn)。