新建一個html文件,定名為test.html,用于講解css若何改變background-image的巨細。
在test.html文件內,利用div建立一個模塊,下面將利用css設置其布景圖片。
在test.html文件內,給div添加一個class屬性,屬性值為testdiv,用于下面設置樣式。
在css標簽內,經由過程class設置div的樣式,界說div的寬度為300px,高度為200px,邊框為1px,布景圖片為images文件夾下面的2.jpg圖片。
在css標簽內,再利用background-size設置布景圖片的寬度為300px,高度為200px,實現鋪滿整個div模塊。
在瀏覽器打開test.html文件,查看實現的結果。
END1、在test.html文件內,利用div建立一個模塊。
2、在css標簽內,設置div的高度,寬度,布景圖片。
3、在css標簽內,再利用background-size設置布景圖片的寬度、高度。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!