在css中,可以将div的高度和宽度属性设置为100%,同时使用background-size属性设置背景图片为100%,便可以实现背景图片铺满屏幕。
css怎么让图片填满?
1、新建一个HTML文件,使用div标签创建一个模块,并设置其class属性为myclass。
Document(推荐学习:CSS视频教程)
2、在标签里设置div的样式,使用background属性设置div的背景图片。
.myclass{
height: 120px;
background: url(star.jpg);
background-color: #eee;
}
默认效果是重复显示的,所以图片是填满div的。
3、修改background,设置不重复
.myclass{
height: 120px;
background: url(star.jpg) no-repeat;
background-color: #eee;
}
4、修改background-size为100%
.myclass{
height: 120px;
background: url(star.jpg) no-repeat;
background-color: #eee;
background-size: 100% 100%;
}
更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!