做自(zì)由與創造的先行者

CSS background-position 屬性

CSS中文(wén)手冊

定義和(hé)用(yòng)法

background-position 屬性設置背景圖像的起始位置。

這(zhè)個屬性設置背景原圖像(由 background-image 定義)的位置,背景圖像如果要重複,将從(cóng)這(zhè)一點開(kāi)始。

提示:您需要把 background-attachment 屬性設置爲 "fixed",才能(néng)保證該屬性在 Firefox 和(hé) Opera 中正常工(gōng)作(zuò)。

實例

如何定位背景圖像:

body

{

background-image:url('bgimage.gif');

background-repeat:no-repeat;

background-attachment:fixed;

background-position:center;

}

CSS 語法

background-position: value;

屬性值

描述
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right

如果您僅規定了(le)一個關鍵詞,那麽第二個值将是"center"。

默認值:0% 0%。

x% y%

第一個值是水(shuǐ)平位置,第二個值是垂直位置。

左上(shàng)角是 0% 0%。右下(xià)角是 100% 100%。

如果您僅規定了(le)一個值,另一個值将是 50%。

xpos ypos

第一個值是水(shuǐ)平位置,第二個值是垂直位置。

左上(shàng)角是 0 0。單位是像素 (0px 0px) 或任何其他(tā)的 CSS 單位。

如果您僅規定了(le)一個值,另一個值将是50%。

您可以混合使用(yòng) % 和(hé) position 值。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:CSS background-repeat 屬性
上(shàng)一篇:CSS background-origin 屬性