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

将背景图左移,对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;}

时间: 2024-08-03 15:24:47

CSS怎么将背景图左移/上移/右移10px的相关文章

CSS实现同一背景图的导航菜单_导航菜单

">,站长必备的高质量网页特效和广告代码.jb51.net,站长js特效. 首页 zz 特效 站长

css body背景图全屏不论分辨率大小

        css body背景图全屏,不论分辨率大小.在body里嵌套一个img元素,控制这个img 的z-index为-1即可.  代码如下: <img id="bg" src="../images/bg.jpg" width="100%" height="100%" style="right: 0; bottom: 0;position: absolute; top: 0; 

使用css的background:url设置背景图方法

设置背景图的方法一般是使用css的background:url来实现的,下面有个示例,大家可以参考下     复制代码 代码如下: html,body { margin:0; padding:0; height:100%; font-family:"Times New Roman" /**/ background:url(images2/bg2m.jpg); }

关于CSS控制背景图的问题

于想设置可变背景,所以想用CSS控制背景图 如果单是改变颜色的可以实现 但在用背景图时设置平铺无效 以下代码直接放在应用的网页中没有问题 但放在CSS里时,只能显示实际大小的背景图,无论设置平铺还是其它都没有改变 各位兄弟来支支招,先谢谢了, 代码: <style type="text/css"> <!-- body {         background-image: url(/目录1/目录2/bg.jpg);         background-repeat:

css中文字图片背景图居中的方法汇总

一.让网页所有DIV标签内文字居中   -   实现所有DIV内字体居中实例完整网页源代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>div字体居中实例</title> <style> div{text-align:center

css html-html背景图平铺浏览器问题

问题描述 html背景图平铺浏览器问题 拿到ui设计的背景图,直接设置宽高100%,会导致图片变形,各位大牛有什么好的解决方法吗? 解决方案 http://www.itnose.net/detail/6110755.htmlhttp://blog.sina.com.cn/s/blog_a7b8ab2801019lh7.html 解决方案二: http://blog.csdn.net/liuliang841210/article/details/39993541

jquery动态更换网页背景图的方法

 这篇文章主要介绍了jquery动态更换网页背景图的方法,需要的朋友可以参考下 有些时候,我们可以为用户提供很贴心的功能,比如判断用户是什么时候来访问的,然后给出一句问候,晚上好,下午好之类的.并且更换网页的背景颜色,比如晚上的时候就可以用满天星星的背景,白天就用阳光灿烂,或者特定节日就用该主题背景,让你的网站显得非常灵活,不枯燥.   下面就如何实现背景更换给出一种解决方法:   如何实现   很简单,下面是 JQuery 代码:    代码如下: function doChangeBkg()

禁止背景图在网页中平铺

网页 如果我们希望在网页的不同角落里放置不重复平铺的背景图,该怎么办呢? 比如网页的背景要如图所示,并要求在不同的分辩率下该背景图都显示在右下角,想想看,有办法吗? 想将它做成一张大图?!不行,不同的分辩率,图的大小不同呀,你只能做一张背景.怎么办呢??? 别担心,你只需要下面这个背景就好了: 也许你会说,看起来不可以呀,才这么一张小图,而且网页背景都是平铺的嘛! 别担心,你忘记CSS了?在Dreamweaver中做起来其实一点不困难.首先建立一个新样式,如图: 在样式中,选"Backgroun

背景图的详细设定

原本<body>卷标提供了以下几种设定:  <body  alink=colorvalue  background=url  bgcolro=colorvalue  link=colorvalue  text=colorvalue  bgproperties=fixed /*背景固定  leftmargin=pixels /*离浏览器显示窗左边的距离  topmargin=fixels /*离浏览器显示窗上面的距离  >  HTML 3.2所能用的设定非常有限,但在CSS 2.0