在網頁設計中，經常需要顯示時間的功能，這時候我們可以使用CSS代碼來實現。下面將介紹幾個CSS代碼實現時間顯示的方法。 首先，我們可以使用CSS的偽元素來實現時間的顯示。具體代碼如下：

p::before {
content: "當前時間為：";
}
p::after {
content: ":" attr(data-time);
}

在HTML中，我們需要為待顯示時間的元素添加"data-time"屬性，并將其值設置為當前的時間。例如：

其實現效果是在段落前添加“當前時間為：”，在段落后添加輸入的時間。 另外，我們還可以使用CSS的計時器來實現時間的動態顯示。具體代碼如下：

p {
font-size: 2em;
text-align: center;
}
p::after {
content: attr(data-time);
}
@keyframes ticker {
from {
content: attr(data-time);
}
to {
content: attr(data-time attr(data-seconds));
}
}
p[data-live]::after {
content: attr(data-time);
animation: ticker 1s infinite linear;
}

在HTML中，我們需要為待顯示時間的元素添加"data-time"屬性，并將其值設置為當前的時間。如下所示：

該方法實現了時間的動態顯示，每秒鐘更新一次。需要注意的是，只有添加了"data-live"屬性的元素才能夠實現動態顯示，如果沒有添加該屬性，則只能顯示靜態時間。 以上就是一些常用的CSS代碼實現時間顯示的方法。如果您需要在網頁中顯示時間，可以根據具體需求選擇適合的方法進行實現。