CSS可以幫助我們在網(wǎng)頁中畫出各種形狀，包括日歷圖標(biāo)。在下面的例子中，我們將演示如何使用CSS畫一個簡潔美觀的日歷圖標(biāo)。首先，我們將創(chuàng)建一個div元素，寬度和高度都設(shè)置為40像素，背景色為白色。

<div style="width: 40px; height: 40px; background-color: #ffffff;"></div>

接下來，我們通過為元素設(shè)置border-radius樣式來使其變成圓形。我們還將添加一個紅色圓圈作為今天的日期標(biāo)記。

<div style="width: 40px; height: 40px; background-color: #ffffff; border-radius: 50%; position: relative;">
<div style="width: 10px; height: 10px; border-radius: 50%; background-color: #ff0000; position: absolute; top: -5px; right: -5px;"></div>
</div>

在上面的代碼中，我們使用了絕對定位將紅色圓圈放在了右上角。然后我們只需要在里面添加文字就可以了。下面是完整的代碼。

<div style="width: 40px; height: 40px; background-color: #ffffff; border-radius: 50%; position: relative;">
<div style="width: 10px; height: 10px; border-radius: 50%; background-color: #ff0000; position: absolute; top: -5px; right: -5px;"></div>
<p style="text-align: center; line-height: 40px;">15</p>
</div>

通過這個例子，我們可以看出使用CSS可以很容易地畫出漂亮的日歷圖標(biāo)。如果你想進(jìn)一步美化它，可以嘗試使用漸變、陰影等CSS屬性。