位置: IT常识 - 正文

设置背景图片大小的方法(设置背景图片大小和元素的大小一致的代码)

编辑:rootadmin
设置背景图片大小的方法 背景图片大小设置语法:background-size:宽度 高度;作用:设置背景图片大小取值:取值场景数字+px简单方便,常用百分比相当于当前盒子自身的宽高百分比contain包含,将背景图片等比例缩放,直到不会超出盒子的最大cover覆盖,将背景图片等比例缩放,直到刚好填满整个盒子没有空白

推荐整理分享设置背景图片大小的方法(设置背景图片大小和元素的大小一致的代码),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:设置背景图片大小的css属性,设置背景图片大小和元素的大小一致的代码,设置背景图片大小为100*100,设置背景图片大小为100*100,设置背景图片大小的css属性,设置背景图片大小为100*100,设置背景图片大小,设置背景图片大小为100*100,内容如对您有帮助,希望把文章链接给更多的朋友!

设置背景图片大小的方法(设置背景图片大小和元素的大小一致的代码)

1.设置一个盒子赋予宽(400px)高(300px),并设置边框便于观察,将原图插入盒子中

2.第一种取值(数字+px):

使用数字+px 给图片设置和盒子一样的宽高background-size: 400px 300px;

3.第二种取值(百分比):

使用百分比给图片设置宽高都为90%background-size: 90% 90%;

4.第三种取值(contain):

使用 contain 将背景图片等比例缩放,直到不会超出盒子的最大background-size: contain;

5.第四种取值(cover):

使用 cover 将背景图片等比例缩放,直到刚好填满整个盒子没有空白background-size: cover;
本文链接地址:https://www.jiuchutong.com/zhishi/296089.html 转载请保留说明!

上一篇:vue3使用nextTick(vue3使用ref获取元素)

下一篇:【React Router v6】这17个API,你真的都懂了吗?(建议收藏)(react_router)

  • 荣耀X30i屏幕材质(荣耀x30i材质)

    荣耀X30i屏幕材质(荣耀x30i材质)

  • 华为荣耀8x手机自动关机(华为荣耀8x手机hd怎么关闭)

    华为荣耀8x手机自动关机(华为荣耀8x手机hd怎么关闭)

  • 钉钉直播推流失败什么意思(钉钉 直播 推流)

    钉钉直播推流失败什么意思(钉钉 直播 推流)

  • 微信界面有个小耳朵什么意思(微信界面有个小耳朵)

    微信界面有个小耳朵什么意思(微信界面有个小耳朵)

  • 小米蓝牙耳机air充不进去电(小米蓝牙耳机air2 se使用方法)

    小米蓝牙耳机air充不进去电(小米蓝牙耳机air2 se使用方法)

  • 抖音粉丝牌怎么升级(抖音粉丝牌怎么在别的房间不显示)

    抖音粉丝牌怎么升级(抖音粉丝牌怎么在别的房间不显示)

  • 手机开性能模式好不好(手机开性能模式会减少寿命吗)

    手机开性能模式好不好(手机开性能模式会减少寿命吗)

  • 12306显示有票但是买不了怎么办(12306显示有票但是买不到)

    12306显示有票但是买不了怎么办(12306显示有票但是买不到)

  • 网易云音乐自动停止播放是怎么回事(网易云音乐自动扣费怎么关闭啊)

    网易云音乐自动停止播放是怎么回事(网易云音乐自动扣费怎么关闭啊)

  • 智能云电视机系统复位花屏了(智能电视云电视)

    智能云电视机系统复位花屏了(智能电视云电视)

  • 耳机放回充电仓会自动关机吗(耳机放回充电仓还是不断开)

    耳机放回充电仓会自动关机吗(耳机放回充电仓还是不断开)

  • 苹果6s可以扩容内存吗(苹果6s可以扩容运行内存吗)

    苹果6s可以扩容内存吗(苹果6s可以扩容运行内存吗)

  • v1934a是vivo什么型号(v1932a是vivo什么型号)

    v1934a是vivo什么型号(v1932a是vivo什么型号)

  • 抖音房间封禁是怎么回事(抖音房间封禁是多少天)

    抖音房间封禁是怎么回事(抖音房间封禁是多少天)

  • 怎么设置不在群里显示微信号(怎么设置不在群里加好友)

    怎么设置不在群里显示微信号(怎么设置不在群里加好友)

  • 苹果零售店是什么意思(苹果零售店什么时候有货)

    苹果零售店是什么意思(苹果零售店什么时候有货)

  • oppoa91啥时候上市(oppoa91发布)

    oppoa91啥时候上市(oppoa91发布)

  • 微信朋友的新动态怎么关闭(微信朋友的新动态怎么找)

    微信朋友的新动态怎么关闭(微信朋友的新动态怎么找)

  • 手机进水后照相机打不开怎么办(手机进水后照相机模糊)

    手机进水后照相机打不开怎么办(手机进水后照相机模糊)

  • 华为mate30pro哪里插卡(华为mate30Pro哪里设置小插件)

    华为mate30pro哪里插卡(华为mate30Pro哪里设置小插件)

  • 吃一堑长一智的意思(吃一堑长一智的英文)

    吃一堑长一智的意思(吃一堑长一智的英文)

  • win10下载不了软件(w10下载不了软件)

    win10下载不了软件(w10下载不了软件)

  • 陌陌收礼物在哪看(陌陌礼物怎么收)

    陌陌收礼物在哪看(陌陌礼物怎么收)

  • 手机插孔坏了怎么办(手机插孔坏了怎么换)

    手机插孔坏了怎么办(手机插孔坏了怎么换)

  • YOLOv5 txt标签转图像标签(多个标签)(yolov5标签格式)

    YOLOv5 txt标签转图像标签(多个标签)(yolov5标签格式)

  • ChatGPT惨遭围剿?多国封杀、近万人联名抵制……(围剿视频)

    ChatGPT惨遭围剿?多国封杀、近万人联名抵制……(围剿视频)

  • bunzip2命令  bz2文件的解压缩程序(linux命令bzip2)

    bunzip2命令 bz2文件的解压缩程序(linux命令bzip2)

  • 增值税纳税申报时间
  • 代扣代缴增值税计算公式
  • 交易性金融资产公允价值变动计入
  • 国税地税电子钥匙价格
  • 会计账册丢失什么后果
  • 金税盘没有及时清卡怎么办
  • 长期利润分享计划属于短期薪酬吗
  • 一般纳税人符合条件
  • 员工全额承担社保账务怎么做?
  • 外贸企业一般纳税人申报
  • 物业公司收物业费如何入账
  • 小型微利企业预缴所得税税率
  • 营改增以后算税公式
  • 劳务派遣公司怎么赚钱
  • 积分兑换现金的软件
  • 没有及时对公账户
  • 企业开具咨询费的发票
  • 小规模企业需要汇算清缴吗
  • 材料验收入库会计分录怎么写计划成本法
  • 增值税防伪税控系统采用什么技术保护涉税信息
  • 在win7系统中文件属性有哪些
  • 社保公积金代缴
  • 反映企业在一定会计期间经营成果的会计报表
  • 收到政府部门的奖励金怎么入账
  • 在win7中,如何创建一个TXT文件
  • win10电脑记事本打不开显示错误
  • vuecli报错
  • win11测试版后续怎么变正式版
  • 民间非营利组织会计报表
  • 房产开发企业涉及税种
  • 包装物适用的税率是多少
  • 差旅费的会计分录怎么做
  • yolov5损失
  • service的启动方式及生命周期
  • 商家为消费者提供餐具
  • vue computed set get
  • vue3.0中的ref
  • unplugin-auto-import github
  • 营业额增长率公式
  • 公司的一项专利多少钱
  • 投资性房地产公允价值模式账务处理
  • 行政事业性收据丢了怎么办
  • 开具增值税专用发票的承诺书
  • 增值税申报表填错不影响税额
  • 建筑施工企业增值税税率调整时间
  • 建筑公司购买材料直接入工程施工了可以吗?
  • 置换他行按揭贷款
  • 资产负债表可以反映的具体信息有
  • 缴纳社保公积金的会计分录
  • 企业固定资产没有加速折旧还填资产加速折旧表吗
  • 递延所得税如何计提
  • 代建项目谁付款
  • 长期股权投资账务处理实例
  • 出口退税申报需要手动录入什么信息呢
  • 现金付给对方没写收据怎么办
  • 委托加工的应税消费品是指
  • 出差费计入工资总额吗
  • 销售商品的折扣
  • 未完工的工程施工怎么处理
  • 税收返还如何做账
  • 餐饮业怎样做账
  • 在linux系统中
  • ubuntu20.04挂载
  • xp操作系统还能用吗
  • 如何调整心态和正确处理情绪
  • mac 菜单
  • linux常用性能监控命令
  • 电脑没有网络连接怎么办
  • math和maths哪个对
  • Android游戏开发实践指南
  • unity3d的游戏
  • android学习路线
  • node转go
  • javascript学习指南
  • jqueryui
  • unity example project
  • adb远程调试工具
  • 广西国税官网
  • 哪些税和费计入应交税费
  • 襄阳市疫情防控中心电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设