首先看下html代码,一个空的div,什么内容都还没放上。
02为这个div写上一些美化的样式。
03刷新页面,看下效果,现在就是显示一个有边框的div。
04要用css为这个div加上背景图片,只需要加上background-image的样式,后面的值就是图片的地址了。
background-image: url(12.jpg)
05刷新页面看下现在的效果,可以看到div已经加上图片背景了。
css给标签设置背景图片是通过background属性实现的。当然用background-image更正式一些。不管用上述那种方式书写值都是一样的,url("./image.png")。
括号里面的分号包裹的就是图片的路径。
当然,设置背景图的标签要有宽和高,不然背景图显示不出来。