位置: 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)

  • 华为p40支持OTG功能吗(华为p40支持OTG功能怎么打开)

    华为p40支持OTG功能吗(华为p40支持OTG功能怎么打开)

  • 电脑微信语音无法出声(电脑微信语音无麦克风怎么设置)

    电脑微信语音无法出声(电脑微信语音无麦克风怎么设置)

  • 华为p30系统怎么回退(华为p30系统怎么没有手机克隆功能)

    华为p30系统怎么回退(华为p30系统怎么没有手机克隆功能)

  • 美团信任分最高多少(美团信任分最低多少最高多少分)

    美团信任分最高多少(美团信任分最低多少最高多少分)

  • 万能钥匙没有蓝色钥匙怎么连接(万能钥匙没有蓝钥匙的怎么破解)

    万能钥匙没有蓝色钥匙怎么连接(万能钥匙没有蓝钥匙的怎么破解)

  • 设置朋友权限仅聊天什么意思(设置朋友权限仅聊天可以视频吗)

    设置朋友权限仅聊天什么意思(设置朋友权限仅聊天可以视频吗)

  • qq如何自动回复好友(qq如何自动回复群消息)

    qq如何自动回复好友(qq如何自动回复群消息)

  • 华为手机相机声音在哪里关闭(华为手机相机声控在哪里设置?)

    华为手机相机声音在哪里关闭(华为手机相机声控在哪里设置?)

  • 电脑退出当前页面快捷键是什么(电脑退出当前页面按哪个键)

    电脑退出当前页面快捷键是什么(电脑退出当前页面按哪个键)

  • 小米10pro充电发热(小米10pro充电发烫正常吗?)

    小米10pro充电发热(小米10pro充电发烫正常吗?)

  • 网线不亮灯怎么回事(网线的灯不亮了)

    网线不亮灯怎么回事(网线的灯不亮了)

  • 电脑未检测到摄像头怎么办(电脑未检测到摄像头设备是什么意思)

    电脑未检测到摄像头怎么办(电脑未检测到摄像头设备是什么意思)

  • 抖音怎么查看所有送礼记录(抖音怎么查看所有关注的人)

    抖音怎么查看所有送礼记录(抖音怎么查看所有关注的人)

  • 联想C940与S940的区别(联想yogac940和s940的区别)

    联想C940与S940的区别(联想yogac940和s940的区别)

  • plc输出电压多少伏(plc输出电压多少伏正常)

    plc输出电压多少伏(plc输出电压多少伏正常)

  • 淘宝退款后红包退回吗(淘宝退款后红包没有退回)

    淘宝退款后红包退回吗(淘宝退款后红包没有退回)

  • excel的特点(excel的特点和功能)

    excel的特点(excel的特点和功能)

  • ctrl加a是什么意思(CTRL加a是什么意思)

    ctrl加a是什么意思(CTRL加a是什么意思)

  • 魅蓝手机开不了机怎么办(魅蓝手机开不了机一直转圈)

    魅蓝手机开不了机怎么办(魅蓝手机开不了机一直转圈)

  • 微信两万步是多少公里(微信两万步多远)

    微信两万步是多少公里(微信两万步多远)

  • v1914a是什么牌子的手机(v1911a是什么型号)

    v1914a是什么牌子的手机(v1911a是什么型号)

  • 拼多多今日满返在哪(拼多多满返活动有用吗)

    拼多多今日满返在哪(拼多多满返活动有用吗)

  • 2021.4最新Windows10激活秘钥/激活码/注册码推荐 附激活工具(window102020年最新版本)

    2021.4最新Windows10激活秘钥/激活码/注册码推荐 附激活工具(window102020年最新版本)

  • userpasswd命令  允许用户更改密码的图形化工具(userpasswords)

    userpasswd命令 允许用户更改密码的图形化工具(userpasswords)

  • discuz如何去掉portal.php(discuz关闭电脑版)

    discuz如何去掉portal.php(discuz关闭电脑版)

  • 帝国cms怎么备份(帝国cms怎么上传图片)

    帝国cms怎么备份(帝国cms怎么上传图片)

  • Ant Design Vue 走马灯实现单页多张图片轮播(ant design vue2.0)

    Ant Design Vue 走马灯实现单页多张图片轮播(ant design vue2.0)

  • 房产证,契税
  • 餐饮业购买的油类有哪些
  • 职工受到工伤后应该怎么办
  • 企业亏损结转年限举例说明
  • 中标服务费计入什么会计科目
  • 增值税普通发票有什么用
  • 期末留抵税额退税怎么做分录
  • 固定资产账面价值公式
  • 扣缴外国企业所得税分录
  • 溢价发行债券的发行价格怎么计算的
  • 冲以前年度暂估
  • 应征进口关税的公式
  • 建筑施工企业印花税计税依据
  • 一般纳税人上个月没有申报这个月申报不了
  • 账本印花税怎么缴纳
  • 总分机构如何做账
  • 流转税税额
  • 长期应付款账面价值和账面余额
  • 住房公积金业务挂起
  • 亏损合同如何处理
  • 发票冲红有时间要求吗
  • 个税系统添加单位企业信息不存在
  • 公司账务审计费用取费标准
  • 机器用油怎么做成的
  • 内账进项税不设置怎么账务处理
  • 多提的费用如何做冲减分录
  • 质量扣款入什么科目
  • php ftp上传文件
  • PHP:pg_field_size()的用法_PostgreSQL函数
  • 银行本票实际金额小于票面金额
  • 息税前利润和税前净利润的关系
  • 龙骨花的养殖方法移植
  • 出租设备的租金收入应计入什么科目
  • 什么是融资租赁型校园贷
  • 股东已转让股权还可以追究出资吗
  • 销项税和进项税抵扣的会计分录
  • 图像相似性度量
  • php中哪个命令用来删除当前目录
  • 个人所得税计提基数公式
  • 最新人工智能软件chingt
  • 腾讯云验证码服务
  • 个体工商户开普通发票需要交税吗
  • 增值税负数要结转
  • 超市的购物卡以什么为准
  • RabbitMQ个人实践
  • mongodb的坑
  • 单位出租厂房需交税吗
  • 销售收入发生变动的影响
  • 劳务公司账务处理实例
  • 什么是原始凭证?简述原始凭证审核的内容
  • 收款收据写着投诉有用吗
  • 如何核算购进商品
  • 固定资产可资本化的后续支出
  • 计提本月工资会计怎么做账
  • 出口未申报退税罚款多少
  • 清算资金往来借贷方什么意思
  • 赔偿款从货款扣除怎么做账
  • 返利开红字发票怎么做账
  • 预计负债初始计量的最佳估计数的确定
  • 自产自销免税发票可以抵税吗
  • 环境检测费属于什么费用
  • mysql怎么修改列的类型
  • 批量查询sql语句
  • 如何设置win10系统输入法
  • ubuntu安装chia
  • windows7怎
  • win7开始菜单在哪个文件夹
  • qq空间好友评论别人看不到
  • win10鼠标移动速度怎么设置
  • cocos2dx入门
  • 网页使用的字体中最具可读性.最易浏览的是
  • about ContentProvider
  • windows与苹果
  • 菜鸟教程安卓下载
  • content provider
  • nodejs如何使用
  • node语句
  • 留抵税额可以留抵多久
  • 小微企业印花税的税率是多少
  • 江苏省2023年1号文
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设