萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS怎麼將背景圖左移/上移/右移10px

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;}

copyright © 萬盛學電腦網 all rights reserved