背景画像を指定２

◉ background-position

background-image プロパティで指定した画像の

開始位置を指定することのできるプロパティ。

横方向、縦方向の順で、スペース区切りで値を指定する。

EX) 

　　body {

             background-image : url ( " ../images/01.png");

            backgroun-repeat: no-repeat;

            background-position: 10px 20px;

       }

 ※値は、「 px 」ではなく「％」で指定することも可能。

    また、「 left, center, right, top, bottom 」のようにキーワードで指定することも可能。

◉ background

backgroundプロパティは、関連のプロパティの値をまとめて指定することもできる。

スペース区切りで、順不同で、値を省略することもできる。

EX)

　body {

          background : #FFFFFF  url("../images/01.png")  no-repeat  bottom;

    } 

         ※橙字　background-color

　　　緑字   background-image

　　　青字   background-repeat

　　　紫字   background-position