css - ゲストブックアプリケーションにindex.cssを使用してGoogleAppEngineに背景画像を挿入するにはどうすればよいですか？

Question

main.cssに次のコードがあります：

body {
  font-family: Comic Sans, Helvetica, sans-serif;
  background-color: #AACCFF;
}

これにより、背景として水色が生成されます。このコードを変更して、背景色ではなく背景画像を入力するにはどうすればよいですか？

Answer 1

もちろん、最初にファイルをどこかに置く必要があります。

たとえばフォルダー：assets /images/にはファイルmy_background.jpgが含まれています

次に、app.yamlを編集します。

handlers:

- url: /assets
  static_dir: assets

その後：

body {
    font-family: Comic Sans, Helvetica, sans-serif;
    background-image: url('assets/images/my_background.jpg');
}

終わり

Answer 2

background- imagecssプロパティを見てください。

あなたの体のルールは次のようなものに変わります：

body {
    font-family: Comic Sans, Helvetica, sans-serif;
    background-image: url('images/my_background.jpg');
}

また、background-repeat cssプロパティを調べて、画像がどのように繰り返されるかを制御することもできます。