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

CSS background 屬性

CSS中文(wén)手冊

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

background 簡寫屬性在一個聲明(míng)中設置所有的背景屬性。

可以設置如下(xià)屬性:

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

如果不設置其中的某個值,也(yě)不會(huì)出問題,比如 background:#ff0000 url('smiley.gif'); 也(yě)是允許的。

通常建議(yì)使用(yòng)這(zhè)個屬性,而不是分别使用(yòng)單個屬性,因爲這(zhè)個屬性在較老(lǎo)的浏覽器中能(néng)夠得到(dào)更好(hǎo)的支持,而且需要鍵入的字母也(yě)更少。

實例

如何在一個聲明(míng)中設置所有背景屬性:

body

{

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

}

CSS 語法

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

屬性值

描述 CSS
background-color 規定要使用(yòng)的背景顔色。 1
background-position 規定背景圖像的位置。 1
background-size 規定背景圖片的尺寸。 3
background-repeat 規定如何重複背景圖像。 1
background-origin 規定背景圖片的定位區(qū)域。 3
background-clip 規定背景的繪制區(qū)域。 3
background-attachment 規定背景圖像是否固定或者随着頁面的其餘部分滾動。 1
background-image 規定要使用(yòng)的背景圖像。 1
inherit 規定應該從(cóng)父元素繼承 background 屬性的設置。 1
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:CSS background-attachment 屬性
上(shàng)一篇:CSS backface-visibility 屬性