css设置img标签宽度无限

html-css031

css设置img标签宽度无限,第1张

在css中，如果是img图片，可以使用width属性来控制图片宽度，例“img{width：100px}”；如果是背景图片，则使用background-size属性来控制图片宽度，语法“background-size：宽度 高度”。

使用img图片--使用width属性标签定义 HTML 页面中的图像。而width属性设置元素的宽度。背景图片—使用background-size属性background-size属性指定背景图片大小。

1、首先需要新建一个HTML页面。

2、然后输入页面的标题，可以按照下方图中的进行设置。

3、然后在根据下方图片中的代码进行编辑，

4、在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。

5、在两个div中加入相同的图片<img src="images/5.png" />，在浏览器打开页面发现加入图片后把原来的div都给覆盖掉了。

6、然后在输入命令.img img{ width:100%height:auto}，这样就完成了。