Css #3 背景 background

設定背景顏色，範例：

body {

    background-color: yellow;

}

在 css 中，顏色可以有三種表示

顏色的名字 red

16進制值 #ff0000

RGB值 rgb(255,0,0)

設定背景圖，範例：

body {

    background-image: url('demo.png');

}

背景圖重複方式，範例：

body {

    background-image: url('demo.png');

    background-repeat: repeat-x;

}

兩個方向都要重複: repeat

橫向重複: repeat-x

垂直重複: repeat-y

不重複: no-repeat

背景圖對其位置，範例：

body {

    background-image: url('demo.png');

    background-repeat: no-repeat;

    background-position: right top;

}

靠上：top

靠下：bottom

靠左：left

靠右：right

置中：center

設定背景圖是否固定或跟著畫面滾動，範例：

body {

    background-image: url('demo.png');

    background-attachment: fixed;

}

固定不動：fixed

跟著畫面動：scroll

設定背景圖大小，範例：

#ex1 {

    background-image: url('demo.png');

    background-repeat: no-repeat;

    background-size: auto;

}

#ex2 {

    background-image: url('demo.png');

    background-repeat: no-repeat;

    background-size: 100px 200px;

}

自動：auto

符合容器大小：cover