css怎么让背景图片铺满?


css让图片铺满的方法:可以使用background-size:cover样式设置背景图片铺满。background-size属性规定背景图像的尺寸。

豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com

豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com

background-size 属性:

background-size 属性规定背景图像的尺寸。

语法:

background-size: length|percentage|cover|contain;

默认值:auto

继承性:no

版本:css3

JavaScript 语法:object.style.backgroundSize="60px 80px"

属性值:

描述
length 设置背景图像的高度和宽度。

第一个值设置宽度,第二个值设置高度。

如果只设置一个值,则第二个值会被设置为 "auto"。

percentage 以父元素的百分比来设置背景图像的宽度和高度。

第一个值设置宽度,第二个值设置高度。

如果只设置一个值,则第二个值会被设置为 "auto"。

cover 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。

背景图像的某些部分也许无法显示在背景定位区域中。

contain 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。

background-size:cover样式设置背景图片铺满示例:

<!DOCTYPE html> <html> <head> <style> body { background:url(/i/bg_flower.gif); background-size:cover; -moz-background-size:cover; /* 老版本的 Firefox */ background-repeat:no-repeat; padding-top:80px; } </style> </head> <body> </body> </html>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM