zoukankan      html  css  js  c++  java
  • css中background-image背景图片路径设置

    web项目中经常会用到background-image:url(),很多小伙伴不知道该怎么写需要的图片路径。
    在此之前先要知道几个重要的东东:
    • /  项目根目录         这个不用多说,就是程序最上层的目录
    • ./  当前目录            当前文件所在的目录
    • ../  父级目录           当前文件的父目录
    假设有项目结构路径如下:
    在style.css文件中为某个html元素设置background-image,所使用的图片为shadow_light.png,那么怎么设置路径呢?
    那么可以这样设定图片路径:
    • style.css文件所在的目录(即当前目录)下的image文件夹中的shadow_light.png图片,也就是./image/shadow_light.png。
    • style.css文件的父级目录(style.css所在的目录是Content,所以它的父级目录就是Content所在的目录)下的Content文件夹中的image文件夹中的图片shadow_light.png,也就是../Content/image/shadow_light.png。
    • 根目录下的Content文件夹中的image文件夹中的图片shadow_light.png,也就是/Content/image/shadow_light.png。
  • 相关阅读:
    elasticsearch7.1 安装启动报错
    jvm调优
    基于redis实现IP访问频次控制
    docker 搭建redis集群
    Tomcat安全配置与性能优化
    mybaties 的 applicationContext.xml
    SSH阶段常见错误及说明
    hibernate 7种映射关系
    (四)SpringBoot如何定义消息转换器
    java之package与import
  • 原文地址:https://www.cnblogs.com/wangyihome/p/8810920.html
Copyright © 2011-2022 走看看