在网页中有两种调用图片的方法,分别是使用img标签和使用background-image属性引入图片,其中使用img标签引入图片需要使用src属性。

css中不用src让图片显示的方法是使用background-image属性。

background-image 属性为元素设置背景图像。

元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。

默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

详细说明

background-image 属性会在元素的背景中设置一个图像。

属性值:

url('URL') 指向图像的路径。

none 默认值。不显示背景图像。

inherit 规定应该从父元素继承 background-image 属性的设置。

示例:

body {background-image:url(/i/eg_bg_04.gif);}

html src 图片不显示图片,css中不用src也让图片显示的方法是什么?相关推荐

  1. html怎么写入图片位置,如何在css中设置插入图片定位

    在做网页开发时,客户给的素材图片通常都是连在一起的,这样做也是为了缩短响应时间.下面就给大家具体说一下 ,如何通过css属性来定位图片. 如何在css中设置插入图片定位 首先设置固定图片的css属性是 ...

  2. html 让表格在右侧显示不出来,css中怎么解决表格边框不显示的问题?

    css中怎么解决表格边框不显示的问题? html中的表格默认是不显示边框的,可以设置表格的border属性来添加边框,设置cellspacing属性为0来将边框合并,显示单一边框. css中也可以设置 ...

  3. html 语言 表格边框显示,css中怎么解决表格边框不显示的问题?

    css中怎么解决表格边框不显示的问题? html中的表格默认是不显示边框的,可以设置表格的border属性来添加边框,设置cellspacing属性为0来将边框合并,显示单一边框. css中也可以设置 ...

  4. html中zoom方法,CSS中zoom属性或overflow:auto的使用方法

    这次给大家带来CSS中zoom属性或overflow:auto的使用方法,使用CSS中zoom属性或overflow:auto的注意事项有哪些,下面就是实战案例,一起来看一下. 前言 其实在CSS中的 ...

  5. html 图片部分区域超链接,css中关于超链接的部分学习心得_html/css_WEB-ITnose

    在<精通CSS>一书中,作者对于超链接部分的解说. 1.在CSS中,两个规则的优先级一样高的时候,后定义的规则优先,所以对于超链接的几个伪选择器,一般的顺序是:a:link,a:visit ...

  6. CSS中背景颜色、背景图片、渐变色、背景定位、精灵图(雪碧图)介绍

    背景background: 背景可以设置为颜色和图片,设置为图片时,可以对图片继续设置. background-color:设置背景颜色: 其颜色的取值方式前面提到过,和color的取值一样,但是默认 ...

  7. 网站图片定位代码html5,CSS中背景图片的定位

    在CSS中,背景图片的定位方位有3种: (1)关键字:background-position: top right; (2)像素:background-position: 0px 0px; (3)百分 ...

  8. css背景图不失真_html css 中非常经典的背景图片充满屏幕且不变形问题

    要求: 图片尺寸任意,图片宽高比任意(意思就是随便拿张图片都得ok),渲染后不可变形 图片中心与可视区中心重合 图片充满整个屏幕 自适应屏幕宽高变化 给图片上一层蒙版,便于在其上渲染文字 思路分析: ...

  9. html图片十字形,在CSS中创建十字形

    您可以使用只有伪元素的方式来实现: #cross { width: 100px; height: 100px; position: relative; } #cross:before,#cross:a ...

最新文章

  1. 三菱fx2n64mr说明书_三菱FX2N可编程控制器使用手册
  2. jQuery动画的显示与隐藏效果
  3. iview 表单 验证_iview必备技能一、表单验证规则
  4. Adobe Creative Suite CS4/CS5 全系列注册机
  5. Java——容器(Comparable)
  6. Unable to locate package php5-curl
  7. React基础学习(第一天)
  8. [html] 如果让你实现一个网页版的办公表格(类似excel),你觉得是否可行?如果可行应该怎么做?
  9. 管理项目的问题跟踪器的提示
  10. 视觉SLAM十四讲学习笔记-第四讲-Sophus实践、相似变换群与李代数
  11. redis 设置密码 和 redis.config文件
  12. mybatis的trim标签
  13. windows 的一些快捷键
  14. paip.python错误解决5
  15. spring下配置dbcp,c3p0,proxool
  16. 系统安装 使用VMware14安装XP系统
  17. STC 32位8051单片机开发实例教程 二 I/O工作模式及其配置
  18. php 获取用户是否关注微信公众号
  19. 截图软件:Snipaste for Mac中文(2.6.4beta官方)
  20. Thinkpad 系列电脑,装win10无限卡死在登录界面 解决方案及bug report!

热门文章

  1. golang channel错误 send to non-chan type int/string
  2. linux 内核 LINUX_VERSION_CODE 和 KERNEL_VERSION 宏定义 版本信息
  3. NIOS II spi详解
  4. CreateThread、_beginthreadex、AfxBeginThread
  5. Linux C编程--进程间通信(IPC)3--信号集和发送信号介绍
  6. linux 启动流程图
  7. kvm性能优化方案---cpu/内存/磁盘/网络
  8. java 图片处理 图片缩略图,java怎么生成图片缩略图,缩小图片,高清图片缩小
  9. mysql嵌套实战_艰难的mysql嵌套表结果挑战
  10. fwink函数c语言,wink: Wink is oscstudio library