📅 最后修改于: 2023-12-03 15:41:22.946000 🧑 作者: Mango
在 Web 页面中，通过 CSS 可以为页面的元素设置各种样式，包括背景图像。在 Django 中同样可以使用 CSS 设定页面元素的背景图像。
在 Django 中，我们可以使用 static 文件夹来存储我们的 CSS 文件和背景图像。在 static 文件夹中，通常会有一个名为 css 的子文件夹，用于存放 CSS 文件，以及一个名为 img 的子文件夹，用于存放图像文件。
在我们的 CSS 文件中，可以通过 background-image 属性来设定背景图像。例如，我们可以这样设定一个 div 元素的背景图像：
div {
background-image: url("/static/img/background.png");
}
这里的 /static/img/background.png 就是我们存放在 img 子文件夹中的背景图像。在实际使用中，我们可以根据自己的需求来设定不同的元素的背景图像。
我们设定好 CSS 文件中的样式后，还需要在我们的网页中引入该文件。在 Django 中，我们可以使用 static 模板标签来引入我们的 CSS 文件。例如，我们可以在我们的 HTML 文件中这样引入一个名为 main.css 的 CSS 文件：
{% load static %}
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" href="{% static 'css/main.css' %}">
</head>
<body>
<div>...</div>
</body>
</html>
这里的 {% static 'css/main.css' %} 会被渲染成该 CSS 文件在 static 文件夹中的路径，以便正确地引入该文件。
通过使用 CSS，我们可以为 Django 网页中的元素设定背景图像，为页面增添美观度。同时，我们也需要使用 static 模板标签来正确地引入我们的 CSS 文件。