div+css如何把图片设为背景 _html+css

在css中，可以使用background属性来设置div的背景图片。下面小编举例讲解div+css如何把图片设为背景。

文章插图

需要这些哦
html+css
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html ，用于讲解div+css若何把图片设为布景。

文章插图

2在test.html文件内，利用div标签建立一个模块，用于测试。

文章插图

3【div+css如何把图片设为背景】在test.html文件内，设置div标签的class属性为divimg ，下面将经由过程该class界说其样式。

文章插图

4在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

文章插图

5在css标签内，经由过程class设置div的样式，界说其宽度为100px ，高度为100px ，同时利用background属性设置div的布景图片为images文件夹下面的1.png 。

文章插图

6在浏览器打开test.html文件，查看成果。

文章插图

总结：11、利用div标签建立一个模块，设置div标签的class属性为divimg 。
2、在css标签内，经由过程class设置div的样式，界说其宽度为100px ，高度为100px ，同时利用background属性设置div的布景图片为images文件夹下面的1.png 。

注重事项background属性后面的no-repeat用于设置布景图片不反复显示。

以上内容就是div+css如何把图片设为背景的内容啦，希望对你有所帮助哦！