位置: IT常识 - 正文

CSS3如何调整背景图片大小(css3两种调整背景图片大小的方式)

编辑:rootadmin
CSS3如何调整背景图片大小 系列文章目录

推荐整理分享CSS3如何调整背景图片大小(css3两种调整背景图片大小的方式),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:css调整背景颜色,css调整背景颜色,css如何调节背景图大小,css3调整背景图片大小的方式,css背景大小怎么设置,css背景大小怎么设置,css怎么调整背景图片位置,css3调整背景图片大小的方式,内容如对您有帮助,希望把文章链接给更多的朋友!

CSS3实现半透明边框(1) CSS3实现多重边框(2)

CSS3如何改变背景图片大小系列文章目录一、background-size语法格式二、参数详解1.length2.percentage3.cover4.contain总结

在CSS3中,如果想要调整背景图片的大小可以通过设置background-size属性进行设置。

一、background-size语法格式background-size: length|percentage|cover|contain;二、参数详解

使用的例子背景图片

1.length

length:设置背景图片的高度与宽度。第一个值设置宽度,第二个值为高度。如果只给出第一个值,那么第二值则设置为auto(自动)。

CSS3如何调整背景图片大小(css3两种调整背景图片大小的方式)

举例,将背景图片改为20emx20em(默认1px = .05em)

width: 30em; height: 22em; background: greenyellow; background-size:20em 20em; background-image: url("src/assets/csdn/bg.jpg"); background-repeat: no-repeat;

2.percentage

percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值为高度,各个值之间以空格 隔开指定高和宽,以逗号 , 隔开指定多重背景。如果只给出一个值,第二个是设置为auto(自动)。

background-size:80% 70%;

3.cover

cover:保持图像的横纵比将图像缩放成完全覆盖背景定位区域的最小大小。

background-size:cover;

4.contain

contain:保持图像的横纵比将图像缩放成适应背景区域的最大大小。

background-size:contain;

总结

以上就是css如何改变背景图片大小的详细内容。。

本文链接地址:https://www.jiuchutong.com/zhishi/299582.html 转载请保留说明!

上一篇:解决Vue报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location(vue uncaught typeerror)

下一篇:计算机视觉OpenCV-图像直方图(计算机视觉opencv项目简单代码)

  • 附加税税负
  • 汇算清缴期间发生的计入当期损益吗
  • 母公司出售子公司给另一家子公司
  • 个体每月开票超10万
  • 融资租赁手续费如何入账
  • 个人独资企业没有申报税的后果
  • 纳税人多缴税款的退还期限
  • 收购定额发票
  • 个人房屋租金收入怎么交税
  • 准予抵扣的消费税
  • 贷款计提利息会计分录
  • 企业员工福利费管理制度内容
  • 工资分开发的奖金具体个税是多少?
  • 以非现金资产清偿债务的会计处理
  • 发票作废情况说明书
  • 销售款的印花税是按含税还是不含税价款申报?
  • 双倍余额折旧法
  • 房地产公司销售自建房怎么纳税
  • 给客户退差价怎么说
  • 确认收入后又退部分款怎么做账
  • 运费从货款中扣除后付款分录怎么做
  • bios密码如何设置
  • 以土地使用权出资入股未办过户能否抽回
  • 怎么样防止蹭wi-fi
  • PHP If Else(elsefi) 语句
  • 期货公司保证金怎么算的
  • 进程process.acore已停止怎么办
  • php array_pop函数
  • js设置input值
  • 捐赠支出如何做账
  • php rar
  • 加载分页
  • svg如何嵌入html5
  • json字符串转json js
  • 目标检测tricks
  • 会计审核费用报销单的职责
  • 工作服计入什么明细科目
  • 入库管理业务流程图
  • 个人终止投资经营的情形
  • mysql左连接查询 效率
  • dedecms官网
  • 购入不动产进项税额怎么抵扣
  • 金税四期对企业影响
  • 可供出售金融资产新准则叫什么
  • 工程管理服务属于哪个行业
  • 内含报酬率的意义
  • 无形资产摊销是按原值吗
  • 国际快递运输服务有哪些
  • 现金收入支出表怎么填
  • 领用库存商品用于生产产品
  • 现金折让的账务处理
  • 企业存货明细表和盘点表
  • 进项税可以跨年结转吗
  • 控制企业的5种方式
  • 已退货对方不开红字
  • 服装厂做的都是什么产品
  • 个体工商户个税怎么申报
  • 公司想自己开发票怎么申请
  • 消费税的科目设置在哪里
  • ubuntu安装音乐软件
  • linux如何释放内存空间
  • win10系统如何给d盘加密
  • linux 常见
  • linux系统设置
  • linux系统修改
  • 高级控件动态数据加载过程有哪些
  • QT for Android HelloWorld实现
  • vue如何进行组件化开发
  • listview的item
  • 原生javascript+css3编写的3D魔方动画旋扭特效
  • pm2启动nodejs
  • javascript ts
  • js实现表格动态合并单元格
  • jquery给按钮添加事件
  • 金税盘注销后怎么开发票
  • 重庆市网上税务局官网app下载
  • 报fob价格最后谁退税
  • 浙江省焊工操作证查询
  • 豫麦336
  • 抄报税怎么弄
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设