# CSS ## 題目一 :::info **Example: 依照下方圖片所顯示的元素，圖片須考慮到有直式與橫式，設計一個靜態畫面。** - [來源網址 1](https://cs.ntcu.edu.tw/internship/experience/6) - [來源網址 2](https://cs.ntcu.edu.tw/internship/experience/7) ![image](https://hackmd.io/_uploads/BJ2tEY0tT.png) ![image](https://hackmd.io/_uploads/HycVfWMqT.png) ::: ## 題目二 :::info **Example: 做出以下範例畫面的布局，包含顏色、樣式，也要盡可能相同，但不需要有功能，靜態畫面即可。** - [參考網址](https://cs.ntcu.edu.tw/resources) ![image](https://hackmd.io/_uploads/Syj5WZM56.png) ![image](https://hackmd.io/_uploads/S1RA-bGq6.png) ::: ## 題目三 :::info **Example: 做出一個動畫，作用是可用於 Loading 畫面，不一定要與底下範例相同，但要清楚自己寫的內容** ![](https://img-blog.csdnimg.cn/0cf98c4dbcfe41df9ff3fc53fa3c3fe1.gif =500x) ![](https://i.pinimg.com/originals/14/9f/ce/149fced2b9a4c8a69ba4bd0715c7668c.gif =500x) ![](https://blog.hubspot.com/hs-fs/hubfs/CSS%20determinate%20loading%20animation%20example.gif?width=1500&name=CSS%20determinate%20loading%20animation%20example.gif =500x) :::