想在網頁中顯示當前的年月日嗎?那么你可以使用 CSS 將其顯示出來。
首先,我們需要在頁面中添加一個div
標簽來容納顯示日期的文字。
<div id="date"></div>
然后,在 CSS 中設置一個before
偽類,來添加顯示今天日期的文字。
#date::before { content: "今天是:" + date(); }
該代碼將會在我們之前添加的div
標簽之前顯示日期。其中,content
屬性用來添加文本內容,這里使用了 JavaScript 的date()
函數來獲取今天的日期。
但是,這還不夠好看。我們需要根據我們自己的喜好,來進行樣式設置。
#date::before { content: "今天是:" + date(); font-size: 20px; color: #333; font-weight: bold; margin-bottom: 20px; }
這里,我們加入了更多的 CSS 樣式,包括文字大小、顏色、加粗以及下邊距。
這就完成了,現在你可以在你的網站上看到以自己喜歡的樣式顯示今天日期的文字了!