CSS是一種非常強大的樣式語言，常常被用來為網頁設計提供各種不同的效果。在網頁開發中，CSS同樣可以用來顯示日期和時間。接下來，我們將介紹如何使用CSS來顯示日期和時間。

/* 以下是 CSS 代碼 */
.date {
font-family: Arial;
font-size: 16px;
color: #333;
}
.time {
font-family: Arial;
font-size: 16px;
color: #333;
}
/* 日期格式 */
.time::before {
content: "Today is ";
}
/* 時間格式 */
.date::before {
content: "The current time is: ";
}

我們可以使用偽元素來給日期和時間增加一些前綴。在以上的代碼中，我們使用了"::before"來顯示日期和時間前綴。同時，我們也可以自定義所顯示的日期格式和時間格式，只需要修改一下CSS代碼即可。

在HTML文件中，我們只需要定義好對應的class，然后在HTML文本中引用即可：

<p class="date"></p>
<p class="time"></p>

以上代碼中，我們為日期定義了class="date"，為時間定義了class="time"。

通過以上的CSS樣式設置和HTML引用，就可以在網頁上優美地展現出日期和時間了。CSS的靈活性和強大功能，讓我們能夠自由地定制各種網頁效果和交互，創造出更加優美和豐富的網頁體驗。