源码哥,靠谱的网站源码下载站 帮助 每日签到

源码哥

广告位《资讯详情页横幅-1150*?》

css背景属性:background-size

  • 发布者:源码哥 时间:2022-07-05 14:02 阅读:348
  • 扫一扫,手机访问
广告位《资讯详情页摘要上方横幅-828*?》
摘要:background-size概述:检索或设置对象的背景图像的尺寸大小。定义和使用标签background-size属性指定背景图像的大小。当值为length时,设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果仅指定了一个值,则值为auto时将设置第二个值。当值为percentage时,计算定位区域相对于背景的百分比。第一个值设置宽度,第二个值设置高度。如果只指定了一个值,则第二个值将设置为“自动”当值为cover,保

background-size概述检索或设置对象的背景图像的尺寸大小。


定义和使用标签


background-size属性指定背景图像的大小。

当值为length时,设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果仅指定了一个值,则值为auto时将设置第二个值。

当值为percentage时,计算定位区域相对于背景的百分比。第一个值设置宽度,第二个值设置高度。如果只指定了一个值,则第二个值将设置为“自动”

当值为cover,保持图像的纵横比,并将图像缩放为覆盖背景定位区域的最小尺寸。

当值为contain,保持图像的纵横比,并将图像缩放到可容纳在背景定位区域中的最大大小。


语法

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


属性值

background-size属性值

示例:


/*指定背景图像的大小*/
div
{
    background:url(img_flwr.gif);
    background-size:80px 60px;
    background-repeat:no-repeat;
}


相关连接: 网站源码 企业网站源码

  • 全部评论(0)
广告位《资讯详情页最新发布上方横幅-828*?》
最新发布的资讯信息
【网站开发|HTML】html编码设置(2022-10-17 11:26)
【网站开发|HTML】html添加注释的方法(2022-10-17 11:25)
【网站开发|HTML】html元素(2022-10-17 11:23)
【网站开发|HTML】html属性介绍(2022-10-17 11:22)
【网站开发|HTML】html标签说明(2022-10-17 11:21)
【网站开发|HTML】html的基本结构(2022-10-17 11:20)
【行业资讯|】如何学习好网站前端开发?(2022-10-14 14:53)
【网站开发|JavaScript】如何轻松学习JavaScript(2022-10-14 14:26)
【网站开发|node.js】NodeJS Service Docker映像终极优化指南(2022-10-14 14:14)
【网站开发|JavaScript】后端response响应返回图像,前端怎么下载图片?(2022-09-23 10:17)
联系我们
Q Q:472206683
微信:472206683
邮箱:472206683@qq.com
时间:09:00 - 24:00
联系客服
售前咨询 网站搭建 技术支持 联系客服
18639176864
手机版
手机版二维码
扫一扫进手机版
返回顶部