Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552

1、templates同级目录下创建文件夹static/images，将背景图放入images文件夹

2、打开settings.py

3、设置settings静态路径
在settings文件最下面添加以下代码：
可以直接复制以下代码

STATIC_URL = '/static/'
STATICFILES_DIRS=[os.path.join(BASE_DIR,'static')
]

4、在html文档的开始位置加上
{% load static %} 来加载静态文件，不然浏览器会报错

5、此时，我们就可以在标签中通过url添加背景图片：
可以直接复制以下代码

<body style="background-image: url({% static 'images/1.jpg' %});background-size:100% 200%;background-repeat:no-repeat;">

需要注意一下url的格式，使用的是相对路径，no-repeat表示图片不重复。

Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552相关推荐

html给按钮设置背景,设置按钮背景图片(HTML-CSS)
很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片 ...
java中窗体背景图片_Java Swing 之设置窗体背景图片
/** * 设置窗体背景图片 * @author gao */ package com.gao; import java.awt.Graphics; import java.awt.Image; im ...
自定义背景android,Android自定义Button并设置不同背景图片的方法
本文实例讲述了Android自定义Button并设置不同背景图片的方法.分享给大家供大家参考,具体如下: 1.自定义MyButton类 public class MyButton extends Bu ...
Swing设置窗体背景图片
Swing设置窗体背景图片,简单的实现方法就是在窗体中放在一个JLabel标签组件,然后设置该标签的图标属性,最后设置该标签的大小与位置将其铺满窗体. // 设置背景 JLabel lblBackgr ...
Fulutter 设置圆角背景图片Container 设置边框、圆角、阴影
Fulutter 设置圆角背景图片&Container 设置边框.圆角.阴影在 Flutter 中,如何实现背景图片呢?又如何实现带圆角的背景图片呢? Fulutter 设置圆角背景图片使 ...
Qt 设置窗口背景图片的几种方法实例
1.在paintEvent事件中绘制图片 void Widget::paintEvent(QPaintEvent * ev) {QPainter painter(this);painter.drawP ...
Qt之QWidget设置窗口背景图片的几种方法
Qt之QWidget设置窗口背景图片的几种方法几种方法如下: 1.使用调色板QPalette来设置图片 QPalette pal =this->palette(); pal.setBrush( ...
css设置MP4背景图片
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.实现代码二.效果图前言想设置动态背景图片,网上查了一下,想通过MP4这种方式实现一下. 一.实现代码 htm ...
MFC_设置对话框背景图片
MFC 设置对话框背景图片2010年08月06日 20:12MFC 设置对话框背景图片基于VC6.0 (一) 在对话框类名上右键àAddWindows Message Handlerà为消息WM_P ...

Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552

Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552相关推荐

最新文章

热门文章