html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

CSS怎么将背景图左移/上移/右移10px_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:将背景图左移,对background定位属性使用比较熟悉的朋友应该很容易就可以做到,下面有个不错的示例,不会的朋友可以参考下
背影图片的左上角相对当前元素左上角的坐标。 GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网
右为X轴正半轴, 下为Y轴正半轴 GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网
当前元素左上角坐标为 0,0 GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网
默认图片的左上角正对当前元素的左上角 GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网
如果图片想向左移 10px; GMcHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
GMcHTML5中文学习网 - HTML5先行者学习网
background:url(images/hh.gif) no-repeat -10px 0;} GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网
如果图片想向上移 10px; GMcHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
GMcHTML5中文学习网 - HTML5先行者学习网
background:url(images/hh.gif) no-repeat 0 -10px;} GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网
同样 GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网
如果图片想向右移 10px; GMcHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
GMcHTML5中文学习网 - HTML5先行者学习网
background:url(images/hh.gif) no-repeat 10px 0;} GMcHTML5中文学习网 - HTML5先行者学习网
GMcHTML5中文学习网 - HTML5先行者学习网
做了个图片, 黑色框是要加背景的容器。 GMcHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
GMcHTML5中文学习网 - HTML5先行者学习网
css代码: background:url(images/hh.gif) no-repeat -10px -10px;} GMcHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助