網頁版日曆
主要分成三個區塊,黑色的襯底板,紅色的頭板顯示月份,白色的紙張顯示日期。 對齊的方式因為都是單行,直接用 te …
這個日曆圖示是我第一次嚐試畫 icon,是一個農民曆專案網站,需要顯眼的日期告知使用者目前的日期。
月份英文縮寫字型使用 verdana regular,日期數字則使用 verdana bold,有一致性也有區隔。(IKEA 產品價格字型也是使用 verdana 字型!)
月份和日期的文字要用 HTML 來製作,CSS 使用 position:absolute 屬性來定位,並且設定寬度等於整個日曆寬,再加上 text-align:center 的屬性,這樣就可以使文字準確地置中在日曆裡了。