DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 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;}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved