CSS中日期格式顯示是一個非常常見的問題。在許多不同的情況下，我們可能需要以不同的形式顯示日期。以下是一些常見的日期格式：

YYYY-MM-DD
DD/MM/YYYY
MM/DD/YYYY
DD.MM.YYYY

在CSS中，我們可以使用屬性value和content來定義日期格式。以下是一個例子：

<p><time value="2022-01-01"></time></p>
<p><time value="2022/01/01" datetime="2022-01-01"></time></p>

上面的代碼將顯示兩個不同的日期格式。第一個顯示為2022年1月1日，第二個顯示為01/01/2022。注意，第二個日期格式使用了datetime屬性來指定日期格式。這是為了確保在搜索引擎優化過程中，日期能夠被正確識別。

除了使用value和content屬性，我們還可以使用偽元素after和before來為日期添加樣式。以下是一個例子：

<p>今天是<time value="2022-01-01"></time></p>
<style>
p time:before {
content: "[";
}
p time:after {
content: "]";
}
</style>

在上面的代碼中，我們添加了一個左方括號([)在日期前，一個右方括號(])在日期后。這可以通過設置:before和:after偽元素的content屬性來實現。

最后一個注意事項:在CSS中，我們不能直接在date屬性中添加樣式。這是因為date屬性是一個基于ISO 8601標準的日期和時間表示法，不是用于顯示日期的樣式。