HTML CSS——background的認識（一）

        今天迴歸bug時無意間看到了樣式表中background屬性，現在總結一下：

        1、background-color：設定元素的背景色。其值可以為：color-name、color-rgb、color-hex、transparent；

           2、background-image：設定元素的背景映像。其值可以為：url(URL)、none；

           3、background-repeat：設定元素背景映像是否重複以及重複時的重複方式。其值可以為：repeat、repeat-x、repeat-y、no-repeat。這裡有必要對其值進行必要的說明：

              a、repeat：重複方向為X軸和Y軸，即圖片會橫向和縱向鋪滿元素地區，注意：在學習時，盡量使用的圖片小點，否則看不到效果，如：

              b、repeat-x：重複方向為X軸，即圖片只會橫向鋪滿元素地區，縱向地區不會重複鋪滿，如：

              c、repeat-y：重複方向為Y軸，即圖片只會縱向鋪滿元素地區，橫向地區不會重複鋪滿，如：

              d、no-repeat：X軸和Y軸方向均不重複，即橫向和縱向均不重複，如：

              【0分下載上述測試資源】

        4、background-attachment：設定背景圖片是否隨捲軸的移動而移動。其值可以為：scroll、fixed、inherit，下面結合例子來理解其具體的含義：

               a、scroll：背景圖片隨捲軸的移動而移動，即言：當中的捲軸向下拉動時圖片就會向上移動；

           b、fixed：背景圖片不隨捲軸的移動而移動，即言：當中的捲軸向下拉動時圖片不會隨著捲軸的移動而移動；

           c、inherit：繼承上級標籤的此屬性的屬性值，即言：如果上級標籤該屬性的值為scroll，則當前標籤的此屬性也為scroll；如果上級標籤該屬性的值為fixed，則當前標籤的此屬性也為fixed；
           【0分下載上述測試資源】

        5、background-position：設定背景映像的起始位置。其值可以為：

              a、top left

              b、top center

              c、top right

              d、center left

              e、center center

              f、center right

              g、bottom left

              h、bottom center

              i、bottom right

              j、x% y%

              k、xpos ypos

              對其深入的理解，請參見部落格：HTML CSS——background的認識（二）