css怎么让图片填满?
1、新建一个HTML文件,使用div标签创建一个模块,并设置其class属性为myclass。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="myclass"></div> </body> </html>
(推荐学习:CSS视频教程)
2、在<style></style>标签里设置div的样式,使用background属性设置div的背景图片。
<style> .myclass{ height: 120px; background: url(star.jpg); background-color: #eee; } </style>
默认效果是重复显示的,所以图片是填满div的。
3、修改background,设置不重复
<style> .myclass{ height: 120px; background: url(star.jpg) no-repeat; background-color: #eee; } </style>
4、修改background-size为100%
<style> .myclass{ height: 120px; background: url(star.jpg) no-repeat; background-color: #eee; background-size: 100% 100%; } </style>
© 著作权归作者所有
举报
发表评论
0/200