CSS日期是網頁設計中的一個重要元素，它可以用來展示當前時間，或者是某一個事件的日期。在CSS中，我們可以使用偽類元素來添加日期樣式，下面是具體的實現方法。

/* 添加日期樣式 */
p::before {
content: attr(data-date);
position: absolute;
top: -1.5em;
font-size: 0.8em;
font-weight: bold;
color: #999;
}

在上面的代碼中，我們可以看到使用了::before偽類來添加日期元素。其中，content屬性定義了日期內容，attr(data-date)表示獲取該元素的data-date屬性值作為日期展示的內容。position屬性定義了日期的位置，這里使用了absolute相對于父級元素進行定位。top屬性則定義了日期距離p標簽頂部的距離。font-size和font-weight屬性定義了日期的字體大小和加粗程度，color屬性定義了日期的顏色。

在HTML中，我們需要給p標簽添加一個data-date屬性，這個屬性中的值就是我們要展示的日期內容。例如：

<p data-date="2022-01-01">Happy New Year!</p>

上面的代碼中，我們使用了data-date屬性來定義日期的值，其中展示的日期為2022年1月1日。這樣，當CSS樣式生效后，日期就會出現在p標簽之前，完成了展示日期的效果。