html 图片 填充方式,css怎么让图片填满？

在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答疑栏目进行学习！