第七週作業

 第一步:將日曆的左邊進行裁切。orientation:可以選擇畫面為直式還是橫式,landscape:將畫面設定橫式,#current-day-info:指定左邊DIV區塊,clip-path:畫面裁切,polygon:多邊形,後面的參數式用來調整圖型。參數的取得可到https://bennettfeely.com/clippy/這個網站



第二步:建立一個css資料夾,然後在此資料夾新增main.css與current-day.css這兩個檔案


第三步:將<style>中所有類別選擇器(開頭有.)的程式碼放到main.css檔案中;所有id選擇器(開頭有#)的程式碼放到current-day.css檔案中


第四步:在index的head中加入link指令,用來連接main.css與current-day.css這兩個檔案



最後的結果畫面:


留言