如何设置background-size的背景图片的宽度和高度

这篇文章将为大家详细讲解有关如何设置background-size的背景图片的宽度和高度,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联主要从事成都网站建设、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务四平,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

使用background-size属性设置
语法:background-size: length|percentage|cover|contain;

length:
设置背景图像的高度和宽度。
第一个值设置宽度,第二个值设置高度。
如果只设置一个值,则第二个值会被设置为 “auto”。
(会显示整个图片)

percentage:
以父元素的百分比来设置背景图像的宽度和高度。
第一个值设置宽度,第二个值设置高度。
如果只设置一个值,则第二个值会被设置为 “auto”。
(会显示整个图片)

cover:
保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
背景图像的某些部分也许无法显示在背景定位区域中。
(只显示部分图片)

contain:
保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最大大小。
(会显示整个图片,但可能会出现图片重复)

关于如何设置background-size的背景图片的宽度和高度就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


新闻名称:如何设置background-size的背景图片的宽度和高度
当前路径:http://www.csruizhi.cn/article/gjjjgg.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 网站制作报价 重庆企业网站建设 手机网站建设 响应式网站设计方案 定制网站建设 四川成都网站制作 重庆网站设计 网站设计 阿坝网站设计 成都网站设计 成都企业网站建设公司 成都网站设计 成都网站建设 重庆手机网站建设 成都网站建设 成都网站设计 专业网站建设 成都定制网站建设 成都网站建设公司 古蔺网站建设 宜宾网站设计 成都网站建设公司