1. 程式人生 > >CSS中background屬性

CSS中background屬性

CSS背景屬性,在一個宣告中設定所有背景屬性。如
body
{
background: #00FF00 url(bgimage.gif) no-repeat fixed top;
}

可以設定如下屬性:
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
如果不設定其中的某個值,也不會出問題,如 background:#ff0000 url(‘smiley.gif’)。
(當在background中新增圖片作為背景後,不設定position和repeat,圖片小了,就會以平鋪的方式重複,如果是大了,為顯示它,就是會出現滾動條)
建議使用這個屬性,而不是分別使用單個屬性。這個屬性在較老的瀏覽器中能夠得到更好的支援,而且需要的輸入也更少。
在使用該屬性時應注意,只能採用一種寫法,即使用background屬性設定所需的樣式,或者使用單個屬性依次定義所需樣式。而不能在同意物件中混合使用,如以下寫法就是錯誤的
body
{
background:url(bgimage.gif);
background-color:#f5f5f5;
background-repeat:no-repeat;
}