在CSS中，我們可以使用JavaScript來添加時間，我們需要在HTML元素中定義一個時間容器，

<div id="time-container"></div>

我們可以使用JavaScript來獲取當前時間，并將其格式化為所需的樣式，***后將格式化后的時間字符串添加到時間容器中。

function addTime() {
  var date = new Date();
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var seconds = date.getSeconds();
  var timeString = hours + ":" + minutes + ":" + seconds;
  document.getElementById("time-container").innerHTML = timeString;
}

在上面的代碼中，我們首先獲取當前時間，并將時間格式化為“小時:分鐘:秒”的字符串，我們將格式化后的時間字符串添加到時間容器中，為了定期更新時間，我們可以將上述代碼放入一個定時器函數(shù)中，

function updateTime() {
  addTime();
  setTimeout(updateTime, 1000); // 1000ms后更新一次時間
}

在上面的代碼中，我們定義了一個名為updateTime的定時器函數(shù)，該函數(shù)會在1000ms后調(diào)用自身，從而不斷更新時間，為了啟動定時器，我們可以在頁面加載完成后調(diào)用updateTime函數(shù)：

window.onload = updateTime; // 在頁面加載完成后啟動定時器

通過以上代碼，我們就可以在CSS中添加時間功能了，這只是一個簡單的示例，實際的時間顯示可能需要更多的樣式和交互設計。