在網頁設計中，為了使頁面的顯示更加豐富和個性化，常常要添加一些日期信息。而使用CSS來顯示當前日期恰好是一種簡單而有效的方式。
要在CSS中顯示當前日期，我們可以使用偽元素:before或:after來實現。
首先，在HTML中我們需要在需要顯示日期的元素中添加一個類名，比如date，代碼如下：

<p class="date"></p>

接著，在CSS中，我們可以使用attr函數來獲取當前日期，代碼如下：

.date:before {
content: attr(data-date);
}
.date:before {
content: attr(data-date);
}
.date:after {
content: '';
display: inline-block;
width: 5px;
height: 5px;
margin-left: 5px;
background-color: #000;
border-radius: 50%;
}

其中，我們使用了:before來顯示日期信息，使用:after來顯示一個點。這里我們把日期信息存儲在data-date屬性中，然后使用attr函數將其獲取并顯示在頁面上。
最后，我們需要在JS中動態更新日期信息。通過Date對象，我們可以獲取當前的年、月、日信息，并將其更新到頁面上，代碼如下：

let nowDate = new Date();
let year = nowDate.getFullYear(); // 獲取當前年份
let month = nowDate.getMonth() + 1; // 獲取當前月份
let day = nowDate.getDate(); // 獲取當前日期
let dateStr =${year}-${month}-${day}; // 將年月日拼接為字符串
document.querySelector('.date').setAttribute('data-date', dateStr); // 更新日期信息

以上就是使用CSS顯示當前日期的簡單方法，通過JS動態更新，可以達到實時顯示的效果。