在網頁設計中，我們經常會使用日期標簽來顯示網頁上的時間，如文章發布時間、評論時間等。接下來，我們來學習如何使用CSS來美化日期標簽。

首先，我們需要創建一個具有日期信息的標簽元素。比如說：

<span class="date">2021年10月20日</span>

接下來，我們可以為這個標簽添加樣式：

.date {
display: inline-block; 
font-size:14px; 
color: #999;
padding: 2px 5px;
}

上面的樣式將日期標簽設置為行內塊元素，字體大小為14px，顏色為#999，同時為標簽添加了2像素的上下內邊距和5像素的左右內邊距，使其看起來更加美觀。

如果我們想要在日期標簽上面添加一個小圖標，可以添加如下樣式：

.date:before {
content: ""; 
display: inline-block;
width: 12px;
height: 12px;
background: url(icon.png) no-repeat center center;
margin-right: 5px;
}

上面的樣式中，我們使用:before偽元素為日期標簽添加了一個小圖標，并將其設置為行內塊元素，寬度為12像素、高度為12像素，通過background屬性設置圖標樣式。另外，為了使得圖標和日期標簽之間有一定的距離，我們為圖標設置了右外邊距5像素。

以上就是我們如何使用CSS為日期標簽添加樣式的方法，希望對你有所幫助！