步骤:
- 在您的 Flask 应用的根目录下,如果尚未存在,创建一个名为
static
的文件夹。Flask 默认从这个文件夹中提供静态文件。 - 将背景图片 (
2.jpg
) 移动到static
文件夹中。 - 修改
login.html
中的背景图片路径,使用 URL 引用该图片。
修改后的 login.html
片段:
Html
1<!doctype html>
2<html lang="en">
3<head>
4 <!-- ... 其他头部信息 ... -->
5 <style>
6 /* ... 其他样式 ... */
7 .container {
8 /* ... 其他样式属性 ... */
9 background-image: url('/static/2.jpg'); /* 修改为正确的URL路径 */
10 /* ... 其他样式属性 ... */
11 }
12 /* ... 其他样式规则 ... */
13 </style>
14</head>
15<!-- ... 其余部分保持不变 ... -->
16</html>
这样修改后,Flask 会自动处理 /static/2.jpg
这样的请求,并从 static
文件夹中提供 2.jpg
图片,从而使得背景图片能够在网页上正确显示。