CSS 背景執行個體

標籤：重複   頁面   firefox   att   定位   yellow   repeat-y   ges   pre   

1、設定背景顏色

background-color:yellowbackground-color:#00ff00background-color:rgb(250,0,255)

2、將映像設定為背景

background-image:url(/images/.jpg);

3、重複背景映像

background-image：URL();background-repeat:repeat;background-repeat:repeat-x;background-repeat:repeat-ybackground-repeat:no-repeat

3、在頁面上放置背景映像

background-position:centerbackground-attachment:fixed

您需要把 background-attachment 屬性設定為 "fixed"，才能保證該屬性在 Firefox 和 Opera 中正常工作。

4、使用百分比來在頁面上定位背景映像

background-image: url(‘/i/eg_bg_03.gif‘);background-repeat: no-repeat;background-attachment:fixed;background-position: 30% 20%

為了在 Mozilla 中實現此效果，background-attachment 屬性必須設定為 "fixed"。

使用像素來在頁面上定位背景映像

background-position: 50px 100px;

5、使用簡寫屬性來將所有背景屬性設定在一個聲明之中

background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center;

 

CSS 背景執行個體