CSS背景圖如何變大？

1、新建html文件，以test.html命名文件，下面以該文件為例講解css中怎樣調整插入背景圖片的大小。

2、test.html文件中用div標簽創建一塊區域，將其設置class屬性為mydiv，目的是用于下面通過該class來對樣式進行設置。

3、test.html文件中，寫一個<style type="text/css"></style>標簽，把頁面的css樣式寫在該標簽內。

4、在css標簽內，用類名mydiv設置div的樣式，定義其寬度500px，高度400px，邊框為1px紅色邊框。

5、在css標簽中，利用background-image屬性來設置div的背景圖片為images文件夾中的a.jpg，同時通過background-repeat設置背景圖片不重復顯示。

6、在css標簽內，使用background-size調整背景圖片的尺寸，第一個參數為寬度，第二個參數為高度，假設這時設置背景圖片的高寬為原來一半，即50%。

7、在瀏覽器中打開test.html文件，看一下最終的效果。