css3 設定背景樣式

1.設定背景顏色

background-color:red;

2.設定背景

background-image:url(「***x」);

注：

3.設定背景平鋪

background-repeat:no-repeat;

引數說明：

4.設定滾動容器的背景行為：跟隨滾動/固定

background-attachment:fixed;

引數說明：

5.設定背景的大小

background-size:300px 500px;

引數說明：

cover：此值是將放大，以適合鋪滿整個容器，這個主要運用在，當小於容器時，又無法使用background-repeat來實現時，我們就可以採用cover;將背景放大到適合容器的大小

contain：此值剛好與cover相反，其主要是將背景縮小，以適合鋪滿整個容器，這個主要運用在，當背景大於元素容器時，而又需要將背景全部顯示出來，此時我們就可以使用contain將縮小到適合容器大小為止。

當background-size取值為number和percentage時可以設定兩個值，也可以設定乙個值，當只取乙個值時，第二個值相當於auto，但這裡的auto並不會使背景的高度保持自己原始高度，而是會參照第乙個引數值進行等比例縮放。

6.設定背景的位置

7.設定背景座標的原點

background-origin:content-box;

引數說明：

8.設定內容的裁切：（設定的是裁切，控制的是顯示）

background-clip:content-box;

引數說明：

前端高階精選：點此去