Part2 右欄_月曆(第六週)

第一步:

一開始先加入背景文字background - text。

程式碼:

這是之前的結果:

套用標題程式後:

第二步:

套用程式後會發現背景文字跑到左上角，所以新增了CSS格式設定，讓背景文字跑到中間並且放大跟呈現透明。

程式碼:

這是之前的結果:

套用CSS格式設定後:

第三步:

接下來要新增右欄月曆的箭頭，所以要加上script標籤來導入箭頭符號，之後加入CSS格式設定將箭頭放大和滑鼠移置箭頭時呈現透明。

程式碼:

這是之前的結果:

套用CSS格式設定後:

第四步:

要將月曆的某個表格設成灰色背景，我是設在位於第2列、第5行的表格。

程式碼:

這是之前的結果:

套用CSS格式設定後:

第五步:

要將便利貼貼在表格中，所以我先下載便利貼圖檔放在之前Part2裡images的資料夾，我使用的是note3圖檔，我是設在位於第3列、第3行的表格，貼上時會太大，所以利用CSS設定將便利貼縮小還有滑鼠移至便利貼時會顯示 這是提示!!! 的文字。

程式碼:

這是之前的結果:

套用CSS格式設定後: