231云
网站首页 >> 其他资讯 >> 正文
标题

backgroundposition (backgroundposition 属性)

内容

background-position属性是什么?

background-position属性用于控制背景图片在元素中的位置。这个位置指定的是图片左上角相对于元素左上角的位置。

background-position 属性设置背景图像的起始位置。这个属性设置背景原图像(由 background-image定义)的位置,背景图像如果要重复,将从这一点开始。

background-position属性是用于设置背景图像的起始位置的。下面本篇文章就来带大家认识一下background-position属性,希望对大家有所帮助。CSS background-position属性作用:设置背景图像的起始位置。

那么 background-position:100% 100% 时:第一个 100% 就代表背景图片的中心点与右边红线重合;第二个 100% 就代表背景图片的中心点与下边红线生命。

当background-position取值为关键字时,也需要设置水平方向和垂直方向的值,只不过值不是使用px为单位的数值,而是使用关键字代替。背景位置属性用于设置背景图像的位置,这个属性只能应用于块级元素和替换元素。

backgroundposition (backgroundposition 属性)

background-position属性值

1、background-position属性用于控制背景图片在元素中的位置。这个位置指定的是图片左上角相对于元素左上角的位置。

backgroundposition (backgroundposition 属性)

2、background-position取值为长度单位时,要设置水平方向数值(x轴)和垂直方向数值(y轴)。

3、那么 background-position:100% 100% 时:第一个 100% 就代表背景图片的中心点与右边红线重合;第二个 100% 就代表背景图片的中心点与下边红线生命。

4、说明:该background-position属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始。

5、background-position:后面有会两个属性,第一个是指水平的位置,第二个是垂直方向的位置。以图片的左上角顶点为原点,属性值为正往就代表图片下移或右移,属性值为负往就代表图片上移或左移。

background-position属性怎么用

background-position属性可以设置背景图像的起始位置。

background-position:x y x等于平行轴 y等于竖行轴,x y的取值可以为正数,也可以是负数。

background-position属性用于控制背景图片在元素中的位置。这个位置指定的是图片左上角相对于元素左上角的位置。

网站统计
  • 在线人数:96
  • 今日审核:0
  • 等待审核:0
  • 本站分类:27
  • 提交收录
随机标签