html 5における背景の紹介

一:背景色背景色は全部で4種類の値取り方式があり、それぞれ具体的な色値単語であり、rgb、rgba及び16進数は以下の通りである.

 .box1{
        background-color: red;
    }
    .box2{
        background-color: rgb(0,255,100);
    }
    .box3{
        background-color:rgba(0,22,232,0.7);
    }
    .box4{
        background-color:#0ff;

    }

二:背景画像はどのように背景画像を設定しますか?CSSにはbackground-image:url()というものがあります.のプロパティは、背景画像を設定するために使用されます.

   ：
1.         URL() ，                    
2.               ，                
3.          ，                

三:背景のタイル
背景画像のタイリング方法を制御するにはどうすればいいですか?CSSにbackground-repeat属性があります.背景画像を制御するためのタイリング方式です.

div{
        width: 500px;
        height: 500px;
    }
    .box1{
        background-image: url(../images/[email protected]);
        background-repeat:repeat-x;
    }

    div{
        width: 980px;
        height: 50px;
    }

     ：
repeat：             
no-repeat:              
repeat-x:          
repeat-y：        
    ：
                   ，         

3:背景の位置はどのように背景のピクチャーの位置を制御しますか?background-position: 0 0; 具体的な方位名詞の具体的な画素

.box1{
        background-color: red;
        background-image: url(../images/[email protected]);
        background-repeat:no-repeat;
        /*background-position: right top;*/
        background-position: 100px 200px;
    }

  ：background-position：         ；
  ：
    ： left  right    center
    ： top   center   bottom
   ：
                    ，           ，       
    ：
background-position： 10px 100px；
  ：      

四:背景関連と略語背景関連:フォーマット:background-attachment:scroll;デフォルトはscrollで、スクロールバーのスクロールに伴ってbackground-attachment:fixedがスクロールされます.スクロールバーのスクロールに伴ってスクロールされない

   ：
background   ，                                ，                      


div{

        width: 500px;
        height: 500px;

        /*background-color: red;
        background-image: url(../images/[email protected]);
        background-repeat:no-repeat;
        background-position: left bottom;*/
        /* background：                        */            
background: red url(../images/[email protected]) no-repeat  left bottom;

    }
    body{
        background-image: url(../images/[email protected]);
        background-repeat:no-repeat;
        /*background-attachment:scroll;*/
        background-attachment:fixed;
    }

五:背景画像と挿入画像の違い:

    1.           ，      
             
    2.          ，             
              ，             
    3.                  ，                    ，          
    
![](../images/[email protected])

六:精霊画像1.CSS精霊図の画像の合成技術とは何か.作用は、要求の回数を低減する、サーバ処理の圧力を低減することができる.どのようにCSS精霊のピクチャーを使うのは背景のピクチャーと背景の位置付けに協力して使う必要があります