第十週作業

 第一步:將月曆中的某一格背景顏色改成灰色,先在某一個<td>給予一個名為current-day的id,然後在<style>中將背景的顏色改為灰色



第二步:加入便利籤圖示到月曆表格中,先將圖片下載到images資料夾中,然後在某個<td>中加入下圖指令,img src="images/note1.png":從images資料夾中找到note1這個圖檔,alt:替代性文字,當圖片消失時會用文字來代替



第三步:設定圖片格式,width:寬度,vertical-align:對齊方式,top:頂端,position: relative:位置為相對位置,top: 0.5vw:距離上方0.5vw


第四步:在便利貼圖標籤右邊加上提示語,在加入圖片的<td>中給予一個class和span,span:標籤


第五步:設定span格式,display: none:不顯示,cursor: help:當游標移至上方時會出現問號,position: relative:設置這裡為位置的參考點,display: block:以區塊方式顯示,font-size:字體線條粗細,paddin:內距,white-space: pre-wrap:不合併連續的空白,超過欄位寬度的部分會自動換行,width:寬度,z-index: 100:顯示在最上層,background-color: #EDEDED:背景顏色為象牙白,color: black:字體顏色為黑色,border-radius:圓角,left: 2vw:離左方2vw;top: 4vw:離上方4vw,position: absolute:以絕對方式定位此元素的位置,從剛設定的參考點往下4vw往右2vw為此元素的起點


最後的結果畫面:


留言