广告位招租
免费发布信息

CSS怎么将背景图左移/上移/右移10px

   2022-03-27 7310
核心提示:将背景图左移,对background定位属性使用比较熟悉的朋友应该很容易就可以做到,下面有个不错的示例,不会的朋友可以参考下:背影图片的左上角相对当前元素左上角的坐标。右为X轴正半轴, 下为Y轴正半轴 当前元素左上角坐标为 0,0 默认图片的左上角正对当前元素的左上角

将背景图左移,对background定位属性使用比较熟悉的朋友应该很容易就可以做到,下面有个不错的示例,不会的朋友可以参考下

 

背影图片的左上角相对当前元素左上角的坐标。 

右为X轴正半轴, 下为Y轴正半轴 

当前元素左上角坐标为 0,0 

默认图片的左上角正对当前元素的左上角 

如果图片想向左移 10px;

复制代码

代码如下:


background:url(images/hh.gif) no-repeat -10px 0;}


如果图片想向上移 10px;

复制代码

代码如下:


background:url(images/hh.gif) no-repeat 0 -10px;}


同样 

如果图片想向右移 10px;

代码如下:


background:url(images/hh.gif) no-repeat 10px 0;}


做了个图片, 黑色框是要加背景的容器。

代码如下:


css代码: background:url(images/hh.gif) no-repeat -10px -10px;}

 
标签: 背景图
免责声明:导购网部分内容转载自网络和其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。我们致力于保护作者版权,部分作品来自互联网,无法核实真实出处,如果发现本站有涉嫌侵权的内容,欢迎发送邮件至310885573@qq.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
品牌专区
人气排行

(c)导购网 (2019-2024) 版权所有 本站实名制 ICP备案号:皖ICP备19024501号-6 会员合作:133-9565-4589

我是导购员
扫码加私人助理