background-size属性详解

background-size属性详解cssbackgroun size 属性详解 background size 指定背景图像大小 以象素或百分比显示 当指定为百分比时 大小会由所在区域的宽度 高度以及 background origin 图片的起始位置 的位置决定 还可以通过 cover 和 contain 来对图片进行伸缩 background size 属性 1 定义 background size 用来调整背景图像

css background-size 属性详解,background-size 指定背景图像大小,以象素或百分比显示,当指定为百分比时,大小会由所在区域的宽度、高度以及 background-origin(图片的起始位置) 的位置决定,还可以通过 cover 和 contain 来对图片进行伸缩。

background-size 属性

1、定义:

background-size 用来调整背景图像的尺寸大小。

2、语法:

3、参数:

background-size:contain; // 缩小图片来适应元素的尺寸(保持像素的长宽比),是图片宽高最长的那个边覆盖元素一边即可; background-size :cover; // 扩展图片来填满元素(保持像素的长宽比),是图片宽高最短的那个边覆盖元素一边即可; background-size :100px 100px; // 调整图片到指定大小; background-size :50% 100%; // 调整图片到指定大小,百分比相对于包含元素的尺寸(并且并不需要包含元素显示设置宽高) 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/205955.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午4:48
下一篇 2026年3月19日 下午4:49


相关推荐

  • 【JavaEE进阶系列 | 从小白到工程师】Calendar类的常用方法使用与创建对象

    【JavaEE进阶系列 | 从小白到工程师】Calendar类的常用方法使用与创建对象java util Calendar 是日历类 Date 类中很多方法都过时了 而 Calendar 类的功能比 Date 强大很多 所以 Java 官方推荐使用 Calendar 来替换 Date 的使用 java util Calendar 是日历类 Date 类中很多方法都过时了 而 Calendar 类的功能比 Date 强大很多 所以 Java 官方推荐使用 Calendar 来替换 Date 的使用 java util Calendar 是日历类

    2026年3月16日
    2
  • 谷歌浏览器搜索使用指南[通俗易懂]

    谷歌浏览器搜索使用指南[通俗易懂]谷歌浏览器使用指南下载谷歌浏览器使用浏览器时遇到的问题对谷歌浏览器进行配置下载谷歌浏览器可以在谷歌浏览器官网进行下载,网址:https://www.google.cn/intl/zh-CN/chrome/在腾讯电脑管家,进行下载使用浏览器时遇到的问题搜索引擎我们这里先选用百度搜索引擎,如果想使用其他搜索引擎,更换其他的网址即可。1.当你使用谷歌浏览器时你会发现,根本上不了网2.这个时候你不要惊慌,自己在网址框中手动输入:https://www.baidu.com/即可进行上网对谷

    2025年10月20日
    5
  • java xms xmn_java堆内存JVM属性调优总结(-Xms -Xmx -Xmn -Xss)

    java xms xmn_java堆内存JVM属性调优总结(-Xms -Xmx -Xmn -Xss)转载 http blog csdn net rickyit article details Xms 是指设定程序启动时占用内存大小 一般来讲 大点 程序会启动的快一点 但是也可能会导致机器暂时间变慢 Xmx 是指设定程序运行期间最大可占用的内存大小 如果程序运行需要占用更多的内存 超出了这个设置值 就会抛出 OutOfMemory 异常 Xss 是指设定每个线程的堆栈大小 这个就要

    2026年3月16日
    3
  • 【条形码教程】如何批量识别条形码重命名图片,条形码条码识别批量识别快递单据条码并以条码重命名的方法

    【条形码教程】如何批量识别条形码重命名图片,条形码条码识别批量识别快递单据条码并以条码重命名的方法前几天有个网友留言说如何对快递单的照片进行数字重命名 有没有高效的方式这次我们写出第二种方案 请务必看完再使用软件 以前我们写过一篇文章如何批量识别图片里的文字精准判断位置重命名方案一 批量识别图片部分区域的文字改文件名 方案二 就是如何去读取图片上的条码来进行重命名 方案如下 首先分析条形码的类型主要是 EAN 13 128 CODE128 39 等等 今天先将条形码 二维码就先放一边我们就用 Code128 的示例来说明 怎么去识别条形码中的数字 来改这个图片这里要

    2025年7月28日
    6
  • 百度红手指Operator上线 手机AI Agent实操指南

    百度红手指Operator上线 手机AI Agent实操指南

    2026年3月13日
    1
  • 百度地图API显示多个标注点并添加百度样式检索窗口

    百度地图API显示多个标注点并添加百度样式检索窗口

    2021年10月10日
    49

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号