在网页设计中，标记日期是非常常见的一种技巧，在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 伪元素的运用，我们可以轻松实现日期的标记和样式的自定义，让页面更加美观和易读。