欢迎光临
我们一直在努力

CSS图片定位属性使用

background-position用来指定背景图片左上角相对于容器元素左上角的位置。

有三种方式来指定background-position的值:
1、可以用top,left,center,right,bottom等值,比如background-position: top left;
2、使用百分比,比如background-position: 0% 0%;
3、使用像素值,比如background-position: 0px 0px;

以指定像素值来说,将容器元素的左上角作为原点(0,0),用背景图片的左上角相对于原点来指定x和y方向
的像素值,x坐标向右为正,y坐标向下为正,与浏览器的视口坐标方向一致。

比如background-position: -10px -10px; 背景图片与容器元素的相对位置如下图所示:

background-position.png

赞(0) 打赏
未经允许不得转载:Ddmit » CSS图片定位属性使用

评论 抢沙发

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

登录

找回密码

注册