100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > background-size 设置背景图片的大小【HTML】

background-size 设置背景图片的大小【HTML】

时间:2023-05-13 23:08:44

相关推荐

background-size 设置背景图片的大小【HTML】

web前端|html教程

background-size 设置背景图片的大小

web前端-html教程

background-size

学校html网站源码,ubuntu中卸载jre,一个项目有两个tomcat,java爬虫框架jsonp,php中怎么给图片添加水印,台州seo资源lzw

设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。

云购cms源码 废话,vscode免费模板,ubuntu中国版,tomcat的port,sqlite 列数,大一网页设计作业,access数据库免费(跟web空间共享数据库大小)有用户名吗,拨号云服务器,jquery 横向时间轴插件,前端框架angular目录结构,爬虫接活,细说php,seo面试问题,springboot图,a标签 css,网站程序盗版,易语言网页登录源码,模板更换规定,php 通用后台,大转盘抽奖页面,织梦团购管理系统,老虎机程序源代码代码lzw

语法:

舞蹈培训 源码,vscode扩展设置,ubuntu忘记账户名和密码,tomcat 部署空间,PHP sqlite 响应式,酷播视频dz插件,app前端开源框架有哪些,老男孩爬虫的数据,php 实现接口,贵定优化seo,最好的企业网站源码,html网页设计实例,dedems h5模板lzw

background-size: auto | | | cover | contain

取值说明:

1、auto:默认值,不改变背景图片的原始高度和宽度;

2、:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放;

3、:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上;

4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器;

5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。

提示:大家可以在右边的编辑窗口输入自己的代码尝试不同取值的效果。

背景图片大小.demo { background: url(/static/img/logo_index.jpg) no-repeat; width: 300px; height: 140px; border: 1px solid #999; background-size:cover;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。