background image用法（如何在css使用绝对路径的图片做背景）
本文目录
如何在css使用绝对路径的图片做背景
使用CSS background-image 属性即可达到要求。
对浏览器支持：所有浏览器都支持 background-image 属性。
定义和用法：
background-image 属性为元素设置背景图像。
元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
详细说明：
background-image 属性会在元素的背景中设置一个图像。
根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。
初始背景图像（原图像）根据 background-position 属性的值放置。
可能的值：
url(’URL’) 指向图像的路径（相对/绝对路径均可）。
none 默认值。不显示背景图像。
inherit 规定应该从父元素继承 background-image 属性的设置。
案例：
body
{
background-image: url(bgimage.gif);
background-color: #000000;/* 建议设置背景色 */
}
***隐藏网址***注意事项：
A、任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
B、请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。
background-image背景图片怎么用css缩小
需要准备的材料分别有：电脑、浏览器、html器。
1、首先，打开html器，新建html文件，例如：index.html。
2、在index.html中的《style》标签中，输入css代码：body {background: url(image.jpg) no-repeat; background-size: 300px}。
3、浏览器运行index.html页面，此时背景图片成功用css等比例缩小到了300px宽度的大小。
何时使用img标签何时使用background-image背景图像
background-image是背景图片，是css的一个样式
《img /》是一个块状元素，它是一个图片，是html的一个标签
background-image是只能看的
《img /》是一个document对象，它是可以操作的。比如更换img src的路径可以达到更换图片的目的，也可以移动它的位置，从document中移除等等操作
background是CSS3的样式
img 是HTML的标签，两者之间存在本质的区别
background-image存在于大的background中，其属性设置多种多样，变换较为丰富
img 上能写字，能增加其余想增加的元素
一般来说，如果是装饰性的图片就使用background-img，如果和文体内容很相关就使用img
在网页加载的过程中，以css背景图存在的图片background-image会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html中的标签img是网页结构（内容）的一部分会在加载结构的过程中加载，换句话讲，网页会先加载标签img的内容，再加载背景图片background-image，如果你用引入了一个很大的图片，那么在这个图片下载完成之前，img后的内容都不会显示。而如果用css来引入同样的图片，网页结构和内容加载完成之后，才开始加载背景图片，不会影响你浏览网页内容。
更多文章：
进制转换的8421法（十进制如何转换成8421码~~请说方法）
2026年5月11日 00:45
线程和进程的区别是什么 面试（linux进程和线程的区别 面试）
2026年1月20日 03:15
rabbitmq最新版本（rabbitmq3.8.2安装步骤及集群配置）
2025年11月21日 11:00
易语言源码打开停止工作（同样一个易语言源码，为什么在我的电脑上运行就卡死，在别人的电脑上运行是正常的）
2026年5月15日 01:30
powershell快捷键打开（windows10的控制面板在哪里找）
2026年8月7日 07:15
oracle数据库完整性（oracle添加记录的时候提示违反完整性约束,未找到父项关键字怎么解决）
2025年10月15日 22:30
java找不到工作想去送快递了（昌平北大青鸟分享学Java找不到工作的原因）
2026年8月6日 10:45
后台管理系统模板如何使用（开源网店iWeb Shop的模板管理后台怎么操作有什么值得注意的地方）
2025年10月30日 18:15
高级程序设计语言的主要功能（高级语言的控制结构主要包含什么）
2025年12月8日 19:00
mapreduce的优势（hadoop与传统的关系型数据库（如oracle）相比,有什么优势及劣势）
2026年2月12日 15:00
2025年7月29日 11:15
java交互界面怎么做（北大青鸟java培训：常见交互设计表现形式）
2026年3月23日 04:00
2026年3月15日 00:15
pull together（pull together是什么意思）
2026年1月6日 13:30
substantial变形单词（哪些英语单词可以表达 “重要的” 以及它们的区别）
2026年1月13日 17:00
2025年6月22日 22:15
floor和ceil函数（Math之ceil、floor、round区别）
2026年1月22日 22:30
汉化版eclipse（在汉化版eclipse中编写java程序,无法解析start是什么意思）
2025年8月6日 22:30
interesting怎么读英语（“interesting”怎么读）
2026年5月11日 15:45
2025年11月7日 12:45
