在網頁設計中，時間經常被用來表示事件的發生時間、更新時間和其他重要的時間信息。為了更好地呈現時間，CSS提供了許多不同的選項和樣式來顯示和格式化時間。

代碼示例：
time {
color: #999;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
time:before {
content: '[';
}
time:after {
content: ']';
}
time:hover {
color: #666;
}

為了顯示時間，可以使用HTML<time>標簽。<time>是一個帶有隱式數據屬性datetime的內聯元素。datetime屬性可以是一個有效的日期時間或者時間戳，使其更容易為許多不同的用戶呈現不同的時間格式。

代碼示例：
<time datetime="2022-11-01T08:30:00-07:00">November 1st, 2022 at 8:30am</time>

時間可以用CSS的偽元素來美化，比如在時間前面和后面添加方括號。通過使用CSS偽類:before和:after，我們可以在時間元素前后添加任意文本或圖標。

此外，可以為時間添加懸停效果。通過為時間元素設置:hover，可以使時間看起來更加顯眼，幫助用戶更容易識別和使用它。

總之，在網頁設計中，時間是一個十分重要的元素，良好的時間顯示方式會大大提升用戶體驗。