在 main.css 我有这个代码:
body {
font-family: Comic Sans, Helvetica, sans-serif;
background-color: #AACCFF;
}
这会产生浅蓝色作为背景。如何更改此代码以输入背景图像而不是背景颜色?
在 main.css 我有这个代码:
body {
font-family: Comic Sans, Helvetica, sans-serif;
background-color: #AACCFF;
}
这会产生浅蓝色作为背景。如何更改此代码以输入背景图像而不是背景颜色?
当然,您需要先将文件放在某个位置:
说文件夹: 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');
}
完毕
看一下background-image css 属性。
您的身体规则将更改为:
body {
font-family: Comic Sans, Helvetica, sans-serif;
background-image: url('images/my_background.jpg');
}
您可能还想查看background-repeat css 属性来控制图像如何重复自身。