django之设置背景图片 CSS 拉伸 平铺

最新推荐文章于 2024-07-16 09:10:34 发布
最新推荐文章于 2024-07-16 09:10:34 发布
阅读量9.6k 收藏 17
点赞数 5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxx_gt/article/details/79724344
版权

django2.0   背景图片存在static文件夹中

1、设置setting.py文件夹。

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

2、在html文件中，加载static文件夹，加入第一行就好了。

{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN">

3、html文件：

<body style="background-image: url({% static 'b1.jpg' %});background-size:100% 150%;" >

我图片的地址是：工程根目录/static/b1.jpg

background-size后面的两个百分数就是 分别设置 背景图片的长宽，根据需求自己设定。

梦想是吃不完的格力高
关注
css全屏背景图片设置,django加载图片路径详解
09-24
下面小编就为大家带来一篇css全屏背景图片设置,django加载图片路径详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Django之设置背景图片
江西师范大学-20届-吴悠
06-07 2906
设置setting文件 template即为真实的static文件夹 STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'templates').replace('\\','/'), ] 加载static文件夹 在html文件中加上load staticfiles，写在最外面 {% load stat...
Css布局-伸缩盒笔记
最新发布
王员外的博客
07-16 870
伸缩盒作为css3中的布局标准，不得不学呀，跟着b站yu神走一遍，yushen牛逼！flex布局应该是现在css中最常用的布局方式了，不学不行啊，加油。
python之django的html插入背景图片
Caiabcd的博客
03-23 4371
使用django框架对html引入背景图片时，图片无法显示，是因为django框架需要对图片设置为静态 第一步：在django的setting文件中设置如下图（此路径设置的static是和django同一等级） 第二步：在需要插入html的文件中的head中写入一下代码 {% load static %} 第三步：引用对应路径的图片 url({% static 'img/1.jpg' %}) //代表的是静态文件夹(static)下的img文件夹中的1.jpg文件 ...
Django添加背景图片
spiderfu的博客
07-15 3505
Django添加背景图片 style="background-image: url(../static/images/jpg.jpg)" 注意参数，backgroud弃用了，输入back会提示的 路径没有引号，注意 ./是上级目录 …/是上上级目录 找到你的图片位置，找对了，系统会提示。 背景虚化 在网上查到的背景虚化都是背景和文字都虚化了，如果大家有方法欢迎评论。 我是先把图片用ps虚化再插入到网页背景，如果没有办法可以参考一下 ...
Django中以及常规web中，背景图铺不满全屏
weixin_42132503的博客
08-23 709
这是在学习matplotlib时，想要把生成的figure上传的网页上，从而接触的Django框架，这是我在写网页时设置background-image时遇到的背景图铺不满的问题？ 问题图： 这里本该是一张背景图，但由于屏幕原因要使得整个屏幕实现背景图，其自身就自动补充了几个，使得全屏。 解决方法： .body{ width:100%; height: 100%; background-image:url(../image/bg1.png); background-size
解决django后台样式丢失,css资源加载失败的问题
01-01
就像这个图的样子： 解决方法，setting.py中DEBUG选项为True，否则无法映射到静态文件目录 ... 您可能感兴趣的文章:django使用图片延时加载引起后台404错误django使用图片延时加载引起后台404错误
django-htmx-tailwind:Django + htmx + Tailwind CSS
05-14
使用Django，htmx和Tailwind CSS进行快速原型制作 想学习如何构建它吗？ 查看。 要使用这个项目吗？ 货叉/克隆 创建并激活虚拟环境： $ python3 -m venv venv && source venv/bin/activate 安装Python依赖项： ...
基于django+html+css的在线购物商城
01-08
本期内容：基于Django+HTML+CSS+的在线购物商城 实验环境： - vscode或pycharm - python(3.11.4) - django - celery - dj-static 实验目标 使用Django+HTML+CSS开发一个在线购物商城系统，该在线购物商城分为四大...
Django中为html页面插入背景图片的问题
伯纳乌的博客
07-26 1万+
最近在学习django架构，遇到了图片无法插入页面的问题，后来查阅了官方文档得知我们需要把图片放入一个静态文件static中，这个文件我们可以手动创建,与templates在同级目录下（app目录下）： 然后，我们需要在settings.py中配置一下静态路径： STATIC_URL='/static' STATICFILES_DIRS=[ os.path.join(BASE_DIR,'...
django html 插入网页背景图片
jidushanzhu的博客
11-20 5491
1、setting中设置静态文件夹 STATIC_URL = '/static/' STATICFILES_DIRS=[os.path.join(BASE_DIR,'login_register/static')] 2、html网页load文件夹，并设置body格式 <head> <meta charset="UTF-8"> {% load static %} <style type="text/css"> body{ backgroun
Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552
Ben_zhangxw的博客
11-27 3724
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、此时，我们就可以在标签
python图像拉伸
qq_42101868的博客
06-19 1839
有没有大神可以讨论一下怎么将图片沿其中的某条曲线拉直，以曲线为坐标系。 代码如下： return math.sqrt((a*a*b*b*x**(2*b-2)+1)) for i in np.arange(y_length): print(i) for j in np.arange(x_length): r = np.zeros(x_length) for x in np.arange(x_length): r[x...
【Django系列】Django上传图片使用指南
weixin_54707168的博客
04-22 466
【Django系列】Django上传图片使用指南
网页设计中利用CSS实现背景图片平铺的技巧
疯狂源自梦想 技术成就辉煌
10-31 1万+
我们在进行网站的设计制作过程中，使用css来针对背景图片进行设置，其实就与传统的做法一样十分简单方便。不过，相对于传统的一些操作方式，css可以提供更多的可控选项，我们先了解一下一引起最基本的设置图片的方法。  css代码如下：  #content { border:1px solid #000fff; height:500px; background-image:url(imag
Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552 解决方法
Deng872347348的博客
09-21 1435
Django设置html背景图片失败，出现“GET /images/2.png HTTP/1.1“ 404 2552 解决方法
nginx部署Django项目时css文件中的背景图片路径找不到问题解决方法
qq_31962673的博客
08-20 774
nginx部署Django项目时css文件中的背景图片路径找不到 有关nginx静态文件路径配置参考： https://editor.csdn.net/md/?articleId=119815675 例如我的静态文件结构为： 项目名 - collect_static # 生产部署时通过 python3 manage.py collectstatic 命令集成所有静态文件的目录，与STATIC_ROOT路径相同 - css - images - a.jpg - js - comment
background-image使用
热门推荐
m0_62404884的博客
05-18 4万+
目录 background-image:(" ") background-repeat属性（背景平铺） background-size属性（设置背景图片大小） background-position属性（背景图片位置） 1.background-image: url(" ") ; 首先要知道background-image是将图片作为背景，使用方法为： background-image: url("") ; 其次是关于图片路径问题， 如果该...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值