在css中 ， 可以使用background屬性來設置div的背景圖片 。 下面小編舉例講解div+css如何把圖片設為背景 。

需要這些哦
html+css
代碼編纂器：z studio 10.0
方式/
1新建一個html文件 ， 定名為test.html ， 用于講解div+css若何把圖片設為布景 。



2在test.html文件內 ， 利用div標簽建立一個模塊 ， 用于測試 。



3【div+css如何把圖片設為背景】在test.html文件內 ， 設置div標簽的class屬性為divimg ， 下面將經由過程該class界說其樣式 。



4在test.html文件內 ， 編寫<style type="text/css"></style>標簽 ， 頁面的css樣式將寫在該標簽內 。



5在css標簽內 ， 經由過程class設置div的樣式 ， 界說其寬度為100px ， 高度為100px ， 同時利用background屬性設置div的布景圖片為images文件夾下面的1.png 。



6在瀏覽器打開test.html文件 ， 查看成果 。



總結：11、利用div標簽建立一個模塊 ， 設置div標簽的class屬性為divimg 。
2、在css標簽內 ， 經由過程class設置div的樣式 ， 界說其寬度為100px ， 高度為100px ， 同時利用background屬性設置div的布景圖片為images文件夾下面的1.png 。

注重事項background屬性后面的no-repeat用于設置布景圖片不反復顯示 。

以上內容就是div+css如何把圖片設為背景的內容啦 ， 希望對你有所幫助哦！

猜你喜歡

• 無需任何工具 如何將B站視頻緩存到電腦上
• 如何正確使用空中信使校園 1 公里社交 App
• 何謂一壺不事二茶
• 電腦qq如何設置拒絕所有臨時會話？
• 如何批量更改圖片清晰度？
• 如何將自己的視頻上傳到優酷？
• 非洲豬瘟是什么，傳染人嗎，如何預防
• 抖音如何使用同款道具 抖音怎么使用同款特效
• 如何刪除我們在抖音發布的作品？
• 雷朋太陽鏡怎么樣？雷朋太陽鏡真假如何辨別