【HTML】CSSを外部ファイルから読み込む

headタグの中に以下の1行を追加する。

<link rel="stylesheet" href="style.css">

index.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>【HTML】CSSを外部ファイルから読み込む</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <p>Hello, World!</p>
  </body>
</html>

style.css

@charset "utf-8";

p {
  color: red;
}

今回の場合、pタグの文字の色が赤になる。

サンプルページ

タイトルとURLをコピーしました