新增樣式

  • 2 分鐘

使用 React 時，您是建立 HTML。 建立的方法不同，但瀏覽器仍會轉譯 HTML、CSS 和 JavaScript。

甚至可以將 CSS 新增至我們的元件，以將樣式套用至這些元件。 為了將 CSS 新增至元件，我們會以匯入任何其他 JavaScript 相依性的相同方式來參考此 CSS。

新增 CSS

  1. 新增檔案至 src 資料夾。 將其命名為 index.jsx。

  2. 將下列樣式新增至檔案：

    article {
    margin-left: 10%;
    margin-right: 10%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 18px;
}

    隨意自訂此樣式！

匯入 CSS

  1. 開啟 App.jsx 檔案。

  2. 在檔案的頂端，加入下列程式碼：

    import './index.css'

  3. 回到您的瀏覽器並加以重新整理。 網站會以新樣式更新！