1、1给body设置一个背景图片，不重复居中显示保持图片的原有大小，简单的代码示例如下body background urlieg_bg_03gif norepeat fixed center 2运行的效果如下。

2、1首先，我们应该先给div设置宽度和高度，保证文字有一个范围2然后通过background给div添加一张图片作为它的背景3如图，通过url来连接图片，url里面放置的就是背景图片的路径4这样，保存之后文字就会覆盖在图。

3、1打开html编辑器并创建一个新的html文件2新建完一个新的html文件后，在indexhtml的标签中，输入如下所示的CSS代码3输入完CSS代码之后，接下来运行indexhtml页面，可以发现，本地图片通过背景图片衜中的本地路径。

4、可以在CSS里面用backgroundimageurl你的图片地址这样来加入图片，展现到网页中 bgimg background #333 url图片路径 center center norepeat 第一个参数，图片底层的背景颜色，第二个参数，图片路径，第。

5、css代码添加背景图片1背景色背景色 语法backgroundcolor数值 注意在html中，给对象添加背景色只有一种方法，就是先做一个表格，在表格中设置背景色，然后把对象放入单元格中这样做很麻烦，不仅代码多，而且对于。

6、2如果你插入的图片是通过标签的方式来插入的话，可以通过自身的属性控制图片大小，代码格式是3如果非要通过css控制背景图片的大小，可以通过backgroundsize样式来实现，具体的css格式是backgroundsize宽度 高度。

7、除了使用html的img src=#39#39引入图片以外，还可以使用css的backgorund系列属性将图片作为背景图添加由于background系列属性比较多，这里不做过多介绍，只说几个比较常用的属性，其他的可参考官方文档学习html代码灶蔽。

8、CSS添加背景图片 css代码添加背景图片1背景色背景色 语法backgroundcolor数值 注意在html中，给对象添加背景色只有一种方法，就是先做一个表格，在表格中设置背景色，然后把对象放入单元格中这样做很麻烦，不仅。

9、操作方法如下1以Hbuilder来讲解，首先新建一个HTML页面，如图2接着给标签设置背景图片，如图设置的是标签3然后新建一个css文件，如图4这里给body标签设置backgroundsize属性，如果标签是div就写div，然后可。

10、3然后通过background给div添加1张图片作为它的背景4然后通过url来连接图片，这个时候url里面放置的就是背景图片的路径5然后放入1张图片用作背景，注意路径正确6最后点击保存，文字就会覆盖在图片上，css让。

11、2打开html文件，按下图中红色框选出来的位置在body标签里面输入，然后保存代表代表当前目录 3在浏览器中打开html文件，就可以显示插入的图片了，如下图所示。

12、在html中插入图片使用img标签，它有src属性用于填写该图片的路径，alt属性作用是当图片显示失败时就显示alt中的文字设置图片的宽用width，高用height，上下左右的位置分别用margintop，marginbottom，marginleft，margin。

13、根据 backgroundrepeat 属性的值，图像可以无限平铺沿着某个轴x 轴或 y 轴平铺，或者根本不平铺初始背景图像原图像根据 backgroundposition 属性的值放置1相对的文件位置2测试代码测试效果。

14、1打开操作软件这里用DW，定义一个css样式，如下图 2首先看下，背景图效果，如下图所示3在div中添加一个img，输入以下代码如下图所示4即可实现如题，css图片之上再加一张图片如下图所示。

15、再加上鼠标悬停在图片上，显示文本的代码代码总汇HTML 我是雪豹 CSS imggroup position relative display inlineblock imgtip position absolute bottom 0 background #333 colo。

16、2然后新建一个高200px，宽200px，颜色为蓝色的div盒子3接着在代码中加入backgroundimage，然后引入一张图片，url里面的是图片的相对路径地址，相对的是html文件所在目录4最后打开浏览器，就可以看到插入好的图片。

17、在网页中插入图片html图片代码方法步骤一html图片标签语法 img介绍src 后跟的是图片路径地址width 设置图片宽度height 设置图片高度 二具体html 图片显示实例 在html源代码中分别插入三张图片，一张原始大一张将。