使用CSS3設置背景圖片的大小、拉伸、多張背景圖

新建一個html頁面，定名為test.html，用于介紹CSS3中background的新用法。

利用CSS3設置布景圖片的巨細。本家兒如果利用background-size設置布景圖片巨細，例如，下面界說一個長寬都為300px的div，在div中利用background-size設置布景圖片巨細。代碼如下：

在瀏覽器運行test.html文件，查看結果，當作功設置布景圖片的巨細。

利用CSS3拉伸布景圖片。同樣也是利用background-size來設置，例如，設置布景圖片寬度為40%，設置布景圖片的高度為100%，代碼如下：

在瀏覽器運行test.html文件，查看結果，當作功拉伸布景圖片。

在CSS3中，許可設置多張布景圖片，當第一張布景圖片無法顯示出來的時辰，會顯示第二張布景圖片。代碼如下：

在瀏覽器運行test.html文件，查看結果。當3.png布景圖片不存在的時辰，顯示1.png布景圖片。

0 條評論