css背景圖片 css背景圖片大小


css背景圖片 css背景圖片大小

文章插圖
大家好,小跳來為大家解答以上的問題 。css背景圖片大小,css背景圖片這個很多人還不知道,現在讓我們一起來看看吧!
1、打開html開發軟件,新建一個html代碼頁面 。
2、2、在html代碼頁面的標簽里面輸入多行段落文字,用于后面瀏覽器滾動條滾動的時候查看圖片時候隨滾動條而滾動條 。
3、3、設置背景圖片樣式 。
4、在標簽后面創建一個標簽,然后在這個標簽里設置標簽的背景圖片,以及背景圖片不重復 。
5、4、保存html代碼后使用瀏覽器打開,這個時候滾動瀏覽器滾動條發現背景圖片是隨瀏覽器滾動條的滾動而滾動的 。
6、5、使用background-attachment: fixed設置背景圖片不隨滾動條而滾動 。
7、回到html代碼頁面,在body樣式中添加上background-attachment: fixed即可 。
8、6、保存html代碼頁面后刷新瀏覽器 , 這個時候滾動瀏覽器滾動條發現背景圖片已經固定不隨瀏覽器滾動而滾動了 。
【css背景圖片 css背景圖片大小】本文到此分享完畢,希望對大家有所幫助 。