昨天已經建立了 AI Recipe 網站的基本架構，不過打開網頁後，畫面還是非常簡單，只有標題、輸入框和按鈕。
今天要學習 CSS，讓網站開始有自己的風格！

一、CSS 是什麼？
CSS 的全名是 Cascading Style Sheets，主要用來控制網頁的外觀，例如文字顏色、背景、間距、大小和版面配置。
如果 HTML 是網站的骨架，那麼 CSS 就像是幫網站穿上漂亮的衣服。

二、建立 CSS 樣式
首先，在 index.html 所在的資料夾建立一個 style.css 檔案，並在 HTML 的 中加入：

三、今天學到了什麼？

這次使用了幾個常見的 CSS 屬性：

• background-color：設定背景顏色。
• color：設定文字顏色。
• padding：調整元素內部的間距。
• border-radius：讓邊角變得圓滑。
• cursor: pointer：讓滑鼠移到按鈕時顯示可點擊的游標。
• :hover：設定滑鼠移到元素上時的效果。
  透過這些設定，原本簡單的網頁就能有更完整的視覺風格。

四、今天的成果

今天完成了網站的初步美化，將背景調整成溫暖的奶油色，並使用橘色作為主要配色，讓整個網站更符合料理主題。
雖然目前還沒有真正的 AI 功能，但我希望先把使用者操作的介面設計好。
明天就要開始認識 JavaScript，讓網站不再只是展示內容，而是能夠開始執行操作！