CSSを使用してページの背景を変更する方法

1. カラーコードを使用して背景色を変更する:

   body {
    background-color: #ff0000; /* 例: 赤い背景色 */
   }

2. グラデーションを使用して背景を変更する:

   body {
    background: linear-gradient(to right, #ff0000, #0000ff); /* 例: 左から右に赤から青へのグラデーション */
   }

3. 画像を使用して背景を変更する:

   body {
    background-image: url('image.jpg'); /* 例: 'image.jpg'という画像を背景に使用 */
    background-repeat: no-repeat; /* 画像の繰り返しを無効化 */
    background-size: cover; /* 背景画像をウィンドウに合わせて拡大縮小 */
   }

4. 背景にパターンを使用する:

   body {
    background-image: url('pattern.png'); /* 例: 'pattern.png'というパターン画像を背景に使用 */
    background-repeat: repeat; /* 画像の繰り返し */
   }

5. 背景に動画を使用する:

   body {
    background: url('video.mp4') no-repeat center center fixed; /* 例: 'video.mp4'という動画を背景に使用 */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   }

これらはいくつかの基本的な方法ですが、CSSにはさまざまなオプションがあります。デザインの要件や好みに合わせて適切な方法を選択できます。