CSS3常用背景樣式

一、CSS3常用背景樣式

  1.background-color:設置元素的背景顏色     --rgb（0~255,0~255,0~255）、16進制、rgba(0~255,0~255,0~255，0~1)、預設顏色

  2.background-image：把圖像設置爲背景     --url（“位置”）

  3.background-position：設置背景圖像的起始位置     --相對於容器進行定位，左上角爲（0,0） 中間爲(50%，50%)，可用百分比或者預設值（left、right、center）進行設置，若只寫（30%）則後面默認垂直居中。

  4.background-attachment:背景圖像是否固定或者隨着頁面的其餘部分滾動     --scorll、fixed

  5.background-repeat:設置背景圖像是否重複或如何重複       -- no-repeat、 repeat-x、repeat-y

  6.background-size:設置背景大小                   --如：100% 100%

   7.background:簡寫，將屬性設置在一個聲明中         

二、設置背景且不重複

            background-image: url("../素材/peach_blossom.jpg");

            background-repeat: no-repeat;
            background-size: 100%  100%; 

注： background-size得放在image屬性後