CSS日期是網(wǎng)頁設(shè)計(jì)中的一個(gè)重要元素，它可以用來展示當(dāng)前時(shí)間，或者是某一個(gè)事件的日期。在CSS中，我們可以使用偽類元素來添加日期樣式，下面是具體的實(shí)現(xiàn)方法。

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

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

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

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

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