css3背景

1、background-image屬性

不同的背景影象和影象用逗號隔開，所有的圖片中顯示在最頂端的為第一張。

#example1{
    background-image:url(img_flwr.gif),url(paper.gif);
    background-position:rightbottom,lefttop;
    background-repeat:no-repeat,repeat;
}

2、background-size屬性

background-size指定背景影象的大小。

指定的大小是相對於父元素的寬度和高度的百分比的大小。

div{
    background:url(img_flwr.gif);
    background-size:100%100%;
    background-repeat:no-repeat;
}

3、background-Origin屬性

background-Origin屬性指定了背景影象的位置區域。
content-box,padding-box,和border-box區域內可以放置背景影象。

div{
    background:url(img_flwr.gif);
    background-repeat:no-repeat;
    background-size:100% 100%;
　　background-origin:content-box;
}

4、background-clip屬性

background-clip背景剪裁屬性是從指定位置開始繪製。（先指定區域，在指定位置）

#example1{
    border:10px dotted black;
    padding:35px;
    background:yellow;
　　background-clip:content-box;
}