首页 > 代码库 > css属性background
css属性background
一、background-size
1.具体设定的px值,及北背景图片的具体宽高
2.设定的百分比,相对于容器的宽高
3.设定三个铺设类型:
(1)cover: 以宽 / 高 为基本,尽可能的去铺满整个容器,溢出部分截掉
(2)contain:以宽 / 高 为基本,尽可能的去铺满整个容器,但要求不能溢出容器
二、background-repeat: repeat / no-repeat; 一张图片无法铺满整个容器时,是否重复图片平铺
三、background-position:
1、具体两个px值,设定的为相对于容器左上角的偏移值
2、两个百分比值: 计算公式为 (容器的宽度 - 背景图片的宽度) * 百分比 ,高度类推即可
3.left, right, top, bottom, 分别相当于 第一个百分比的 0% ,100%,第二个百分比的 0%,100%
4.center, 相当于百分比的50%
注意: background-position必须要写两个值,不能系一个值来代替两个相同的值
css属性background
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。