第七週作業
第一步:將日曆的左邊進行裁切。orientation:可以選擇畫面為直式還是橫式,landscape:將畫面設定橫式,#current-day-info:指定左邊DIV區塊,clip-path:畫面裁切,polygon:多邊形,後面的參數式用來調整圖型。參數的取得可到https://bennettfeely.com/clippy/這個網站
第三步:將<style>中所有類別選擇器(開頭有.)的程式碼放到main.css檔案中;所有id選擇器(開頭有#)的程式碼放到current-day.css檔案中
第四步:在index的head中加入link指令,用來連接main.css與current-day.css這兩個檔案
最後的結果畫面:
留言
張貼留言