做(zuò)自(zì)由與創造的先行(xíng)者

CSS background-position 屬性

CSS中文手冊

定義和(hé)用法

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

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

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

實例

如(rú)何定位背景圖像:

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

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

默認值:0% 0%。

x% y%

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

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

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

xpos ypos

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

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

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

您可(kě)以混合使用 % 和(hé) position 值。

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