首页 > 其他分享 >HTML-background-image

HTML-background-image

时间:2022-12-21 15:37:40浏览次数:36  
标签:文件夹 abc demo image jpg HTML background

background-image:用于设置需要显示背景图片;
例如-->background-image:url(demo.jpg);

 

大家知道ulr()中是填写路径:(现在假设背景图片名字叫做demo.jpg)
1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹
那么直接填写demo.jpg;-->background-image:url(demo.jpg);
2、如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹(abc)
那么填写//abc/demo.jpg;-->background-image:url(abc/demo.jpg);
3、如果该css文件和背景图片不在同一文件夹下,(背景图片在abc文件下,而abc文件夹和css文件所在文件夹并列)
那么填写../abc/demo.jpg;-->background-image:url(../abc/demo.jpg);

 


相对.css所在的目录而言:
“../”表示上一级目录开始
“./”表示当前同级目录开始
“/”表示根目录开始。
../../ 表示源文件所在目录的上上级目录

 

标签:文件夹,abc,demo,image,jpg,HTML,background
From: https://www.cnblogs.com/DREAM2021/p/16996348.html

相关文章

  • background-repeat属性(背景平铺)
    background-repeat属性(背景平铺)默认情况下,如果一幅背景图像不足以占满整个容器时,就会在水平方向和垂直方向重复,以填满整个容器。然而,有时候却希望背景图像只出现一次,或只......
  • HTML-2022-12-21
    HTMLhypertextmarkuplanguage 超文本(图片,文本,音频,视频,动画等)标记语言网页-右键-审查元素即可看到网页代码世界知名浏览器都支持HTML5W3C标准 WORLDWIDE......
  • HTML直接插入js、css
    简单的小页面可以使用代码量大的话还是建议引用代码直接包裹起来<style>这里添加css代码</style>加入css标识<styletype="text/css">这里添加css代码</style>......
  • HTML 图笔记
    ......
  • 基于SpringBoot+html超市进销存管理系统
    @目录一、系统介绍二、功能展示1.用户登陆2.进货管理(货物管理员)3.退货管理(货物管理员)4.商品销售、商品销售退货(商品管理员)5.管理商品、商品类别、供应商、客户(商品管理......
  • [css3] 多背景属性background
    background:url(img_flwr.gif)rightbottomno-repeat,url(paper.gif)lefttoprepeat;<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaht......
  • iOS开发讲解SDWebImage,你真的会用吗?
    SDWebImage作为目前最受欢迎的图片下载第三方框架,使用率很高。但是你真的会用吗?本文接下来将通过例子分析如何合理使用SDWebImage。使用场景:自定义的UITableViewCell上有图......
  • Html5 canvas创意特效合集
    Canvas就像一块画布,我们可以通过调用脚本在Canvas上绘制任意形状,甚至是制作动画。本文就是收集了很多非常富有创意的一些canvas动画特效例子,这些例子都非常适合大家学习。......
  • 注入html源码到浏览器的几种方式
    1、通过各浏览器提供的接口调用IE的COM接口,FF的插件、Chrome的API接口等;类似的实现有Selenium的webdriver支持的各种driver,它们都是调用了浏览器的原始接口。2、通过已......
  • 通过FormData上传bolb/image/file对象
    FormData是HTML原生支持的对象,它主要用来提交表单信息,与其它表单提交不同的是,它可以提交二进制数据。比如:此前我们提交文件到服务器都需要通过form表单来完成,而现在我们就可......