CSS怎麼將背景圖移動呢

大家知道CSS怎麼將背景圖移動嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。將背景圖左移，對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;}

相信大家已經學會CSS怎麼將背景圖移動了吧!感謝大家對我們網站的支持!

相關推薦：

CSS中的BoxModel盒屬性介紹