css background屬性怎麼用

background是一個簡寫屬性，可以在一個聲明中設定背景顏色、背景位置、背景大小、背景平鋪方式、背景圖片等樣式，語法「background:顏色圖片位置/大小平鋪方式bg -origin 繪製區域bg-attachment;」。

css background屬性定義和用法

background 簡寫屬性在一個宣告中設定所有的背景屬性：

• background-color

• #background-position

• background-size

• #background-repeat

• background-origin

• background-clip

• background-attachment

• background-image

語法：

background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment ;

如果不設定其中的某個值，也不會出問題，例如background:#ff0000 url('smiley.gif'); 也是允許的。

通常建議使用這個屬性，而不是分別使用單一屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。

實例

#如何在一個宣告中設定所有背景屬性

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

瀏覽器支援

所有瀏覽器都支援background 屬性。

註解：IE8 以及更早的瀏覽器不支援一個元素多個背景圖像。

註解：IE7 以及更早的瀏覽器不支援 "inherit"。 IE8 需要 !DOCTYPE。 IE9 支援 "inherit"。

以上是css background屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！