今天我們來學習一下如何制作一個簡單的 HTML CSS 日歷。 首先我們需要用 HTML 創建一個 HTML 日歷的框架，我們可以使用一個 表格 來創建這個框架，每個表格單元格表示一個日歷中的一個日期。代碼如下：

<table>
<thead>
<tr>
<th>周日</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td>31</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>    
</tbody>
</table>

接下來我們需要使用 CSS 來美化這個日歷。我們可以給表格添加一個樣式類 “calendar”，并添加以下 CSS 樣式：

這些樣式可以設置表格的邊框顏色、大小，以及日期單元格的背景顏色等。同時，我們添加了一個 “selected” 類，用于高亮所選日期。 到這里我們就完成了一個簡單的 HTML CSS 日歷。希望本文能對你有所幫助。