在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;
}

在上面的代碼中，我們首先獲取當前時間，并將時間格式化為“小時:分鐘:秒”的樣式，我們將格式化后的時間字符串添加到時間容器中，需要注意的是，如果時間容器中的內(nèi)容已經(jīng)存在，那么我們需要先清空容器中的內(nèi)容，然后再添加新的時間字符串。

我們還可以在CSS中定義時間容器的樣式，

#time-container {
  font-size: 24px;
  color: #333;
}

在上面的代碼中，我們定義了時間容器的字體大小和顏色，可以根據(jù)實際需求來定義樣式。

我們需要在HTML文檔中使用JavaScript來調(diào)用addTime函數(shù)，并設(shè)置時間容器的時間更新間隔，

window.onload = function() {
  addTime();
  setInterval(addTime, 1000); // 每秒更新一次時間
}

在上面的代碼中，我們首先在頁面加載完成后調(diào)用addTime函數(shù)來添加初始時間，我們使用setInterval函數(shù)來設(shè)置時間容器的時間更新間隔為每秒一次，可以根據(jù)實際需求來調(diào)整更新間隔。