新建一个html文件,定名为test.html,用于讲解css若何改变background-image的巨细。
在test.html文件内,利用div建立一个模块,下面将利用css设置其布景图片。
在test.html文件内,给div添加一个class属性,属性值为testdiv,用于下面设置样式。
在css标签内,经由过程class设置div的样式,界说div的宽度为300px,高度为200px,边框为1px,布景图片为images文件夹下面的2.jpg图片。
在css标签内,再利用background-size设置布景图片的宽度为300px,高度为200px,实现铺满整个div模块。
在浏览器打开test.html文件,查看实现的结果。
1、在test.html文件内,利用div建立一个模块。
2、在css标签内,设置div的高度,宽度,布景图片。
3、在css标签内,再利用background-size设置布景图片的宽度、高度。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!