在前端開發中，我們常常需要獲取當前時間并在頁面中展示。使用CSS可以實現通過樣式來展示時間，下面我們來介紹一下如何獲取當前時間CSS的方法。

/* 在CSS中創建一個樣式*/
.current-time{
font-size: 18px;
color: #333;
}

現在我們已經創建好了展示時間的樣式，接下來就是獲取當前時間的代碼了。

/* 在CSS樣式中添加JavaScript代碼*/
.current-time:before{
content: attr(data-time);
}

我們通過:before偽元素的content屬性和attr()函數來實現獲取時間的效果，具體代碼的解釋如下：

• 使用:before偽元素表示當前元素之前的內容，這里我們用來表示時間
• 使用content屬性來設置要展示的內容
• 使用attr()函數來獲取data-time屬性的值，這里我們將時間存儲在data-time屬性中

以上就是獲取當前時間CSS的方法，我們可以將代碼應用于需要展示時間的地方，通過CSS樣式來美化展示效果。