css背景图片与img，在css中使用背景图片需要使用什么参数

css何时用img,何时用背景图片?

1、img插入的图片会显示，而你用background弄的背景不会显示出来。用 img 还是 css背景 就业根据你的内容来定了，大体原则是尽量页面设计表现上的东西用背景，产品、照片等内容用 img 插入。

2、Img标签是直接显示图片。CSS里设置背景是背景，背景跟图片是有本质的区别。背景可以是颜色，图片。但是IMG里面放的就是图片。不能混为一谈。如果你这个都弄不清楚，不知道你怎么做网页。

3、也就无法被收录。div class=bgloading.../div.bg{background：url(img.jpg) no-repeat；总结：从SEO角度来说，一些无关紧要的图片可以通过CSS设置为背景图形式，而文章配图等用img src=来展示。

相关问答

Q1: CSS如何添加背景图片

可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。

首先，打开html编辑器，新建html文件，例如：index.html。

打开操作软件这里用DW，定义一个css样式，如下图 首先看下，背景图效果，如下图所示：在div中添加一个img，输入以下代码。

Q2: 在网站放图片是用img标签还是在CSS里设置背景平铺?

1、前端页面中，用css设置成背景还是直接用img标签显示图片，这取决于图片在网站中所占的重要性。

2、用 img 还是 css背景 就业根据你的内容来定了，大体原则是尽量页面设计表现上的东西用背景，产品、照片等内容用 img 插入。

3、如果图像是等内容的一部分或图表或人(真正的人，而不是股票图人)，使用Img标签加上alt属性。如果你想打印页面并且你想要的图像包括默认情况下使用IMG。使用IMG(alt文本)图像有一个重要的语义时，比如一个警告图标。

4、目的是用来美化、装饰网页体现设计效果的图片用css背景图，网页里面主要内容图片用img标签插入。

5、使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。加了background-repeat：repeat-x；之后，背景现在只在X轴即横向进行了平铺操作，纵向并没有进行平铺。

6、首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

Q3: css设置背景图片大小

1、CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

2、浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

3、假定希望图片显示宽度不超过500画素，CSS可能如下： 以下是引用片段： 以下是引用片段： fit-image{ border：0； max-width：500px；}IE6 不支援 max-width 属性，但是利用 IE 独有的 expression 属性可以迂回的解决这个问题。

Q4: css如何让背景图片自适用表格的大小_html/css_WEB-ITnose

1、可以定义你显示背景图的坐标。定义好坐标就能设置展示背景图的大小了 我觉得你想要的效果不是要定义背景图的大小，而是背景图显示的大小，background-position这个属性，可以定义你显示背景图的坐标。

2、谢谢各位大神了 回复讨论(解决方案)width：100% js控制的吧 宽度自适应有2种方式一是用百分比代替具体的多少 px二是使用JS判断当前窗口的宽度，再去分配宽度。

3、css 大侠们，请教一个问题：假设用户显示器的宽度是1000px，然后用background-image设置一张宽度为800px的背景图片，然后把图片的排列方式设置为no-repeat。问题就出来了。

4、CSS如何实现div宽度根据内容自适应：建议：尽可能的手写代码，可以有效的提高学习效率和深度。在实际应用中，可能有这样的需求，那就是需要div根据内容进行宽度自适应。

5、第二种的话(background-image)；可以通过：background-size来自适应大小。样式有4个属性：length：设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 auto。

6、页面上除了输入框和按钮外，就是背景图片。其中的输入框的位置都用的是相对位置。但IE或分辨率调整后，仍会发生输入框和背景图错位的情况。

Q5: CSS如何在图片上再加上一个图片

打开操作软件这里用DW，定义一个css样式，如下图 首先看下，背景图效果，如下图所示：在div中添加一个img，输入以下代码。

打开vscode，创建一个html页面。在测试页面的同级目录，添加一张演示图片。在测试页面中添加一个div标签，在标签内部添加一个img图片标签，设置图片的src地址。

可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。

用position：absolute进行层叠就可以了哈。 注意要放在div中，这样才能依据div定位。如没有可参考定位的元素则会依据body定位，也就是显示在左上角了。div也可以换成其它的。

z-index： 叠层的话用这个。 这个好用，设置顺序就行，在两张图片的CSS样式里加这个。z-index 属性指定一个元素的堆叠顺序。

如果是背景的话，background 属性可以指定多个图片。

css背景图片与img的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于在css中使用背景图片需要使用什么参数、css背景图片与img的信息别忘了在本站进行查找喔。