CSS是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的技術(shù)，可以使網(wǎng)頁(yè)更加美觀、易讀。其中一個(gè)重要的應(yīng)用就是制作實(shí)際時(shí)間。

要在網(wǎng)頁(yè)上顯示實(shí)際時(shí)間，可以使用CSS中的偽元素:before和content屬性。通過設(shè)置content屬性的值來顯示時(shí)間，同時(shí)可以設(shè)置樣式來調(diào)整時(shí)間顯示的顏色、大小等。

.current-time:before{
content:attr(data-time);
color:#666;
font-size:12px;
}

在上面的代碼中，設(shè)置了一個(gè)class為current-time的元素，并且使用了偽元素:before。content屬性的值為attr(data-time)，表示取當(dāng)前元素的data-time屬性值，并將其作為時(shí)間顯示。同時(shí)設(shè)置文字顏色為#666，字體大小為12px。

為了讓CSS顯示實(shí)際時(shí)間，需要在HTML文檔中添加一個(gè)標(biāo)簽，通過JavaScript動(dòng)態(tài)更新data-time屬性的值即可。

在上面的代碼中，添加了一個(gè)空的span元素，并且設(shè)置了class為current-time。在JavaScript中使用setInterval函數(shù)來每秒鐘更新一次data-time屬性的值，將當(dāng)前時(shí)間轉(zhuǎn)換為本地時(shí)間字符串，并將其賦值給data-time屬性。

這樣就可以在網(wǎng)頁(yè)上實(shí)時(shí)顯示當(dāng)前時(shí)間了。