在網頁設計中，標記日期是非常常見的一種技巧，在CSS中我們可以利用 ::before 和 ::after 偽元素來實現。 首先，我們需要在 HTML 中進行日期的定義，例如下面這樣：

<p>今天是</p>
<p class="date">2022年10月25日</p>

接著，我們可以使用CSS中的 ::before 偽元素來在前面添加標記，代碼如下：

.date::before {
content: "日期：";
}

這樣，在日期前面就會出現一個 “日期：” 的提示文本。接著，我們也可以使用 ::after 偽元素來添加日期的標志圖標，例如下面這樣：

.date::after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-color: red;
border-radius: 50%;
margin-left: 5px;
}

這樣，在日期后面就會出現一個小紅點，來表示日期的標志。如果我們想要自定義日期的樣式，也可以在類名為 .date 的元素中添加樣式來實現，例如下面這樣：

.date {
font-size: 1.2rem;
color: #333;
text-decoration: underline;
}

這樣，我們就可以自定義日期的文字大小、顏色和下劃線的樣式了。同時，我們還可以將標記日期的樣式應用到整個頁面中，只需要在CSS文件中定義即可。 綜上所述，使用CSS來標記日期是一種簡單而實用的技巧，在網頁設計中有著廣泛的應用。通過 ::before 和 ::after 偽元素的運用，我們可以輕松實現日期的標記和樣式的自定義，讓頁面更加美觀和易讀。