background-position:bottom 10px right10%;/*背景图底部距离盒子底部10px,参考点距离盒子右侧10%,参考点下面会讲到*/background-position:bottom 10px right;/*偏移值也可以省略,省略其实就相当于0px*/ 需要注意的是关键字center无法设置偏移值,例如下面的写法是错误的。 代码语言:javascript 复制 background-posit...
一.background-position:left top; 背景图片的左上角和容器(container)的左上角对齐,超出的部分隐藏。等同于 background-position:0,0;也等同于background-position:0%,0%; 二.background-position:right bottom; 背景图片的右下角和容器(container)的右下角对齐,超出的部分隐藏。等同于background- positon:100%...
inherit 指定background-repea属性设置应该从父元素继承 4.background-position背景定位 background-position属性设置背景图像的起始位置 xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度px,关键字和百分数值 关键字成对出现left right top bottom center,如果仅指定一个关键字,其他值将会是...
1、使用不同单位(最常用的是像素px)的数值:直接设置图像左上角在元素中的坐标,例如background-position:20px 20px。2、使用预定义的关键字:指定背景图像在元素中的对齐方式。l 水平方向值:left、center、right。l 垂直方向值:top、center、bottom。3、使用百分比:按背景图像和元素的指定点对齐。l 0% 0% 表示...
图片水平和垂直居中。与 background-position:center center;效果等同。 等同于x:{容器(container)的宽度—背景图片的宽度}*x百分比,超出的部分隐藏。 等同于y:{容器(container)的高度—背景图片的高度}*y百分比,超出的部分隐藏。 例如: .container{ width:300px; ...
background-position样式动画 通过改变background-position属性(第一个值为X轴的位置,第二个值为Y轴的位置)移动背景图片位置,若背景图位置超出组件则超出部分的背……欲了解更多信息欢迎访问华为HarmonyOS开发者官网
图片水平和垂直居中。与 background-position:center center;效果等同。 等同于x:{容器(container)的宽度—背景图片的宽度}*x百分比,超出的部分隐藏。 等同于y:{容器(container)的高度—背景图片的高度}*y百分比,超出的部分隐藏。 例如: .container{ width:300px; ...
background-position属性用于设置背景图片的起始位置。语法:background-position: x y;属性值:- x:水平方向的起始位置。可以使用具体的像素值(如1...
background-position 属性可以用其它数值,关键词和百分比来指定,这比较有用,尤其是在元素尺寸不是用像素设置时。 关键词是不用解释的。x 轴上: * left* center* right y 轴上: * top* center* bottom 顺序方面和使用像素值时的顺序几乎一样,首先是 x 轴,其次是 y 轴,像这样: ...