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檔案，看一下最終的效果。
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檔案，看一下最終的效果。