在HTML5中,我們可以使用以下代碼將一張圖片設置為網頁的背景:
body{ background-image: url(圖片地址); background-repeat: no-repeat; background-size: cover; }
其中,background-image屬性用于設置背景圖片的地址,可以是本地圖片路徑或者網絡圖片路徑。
background-repeat屬性用于控制背景圖片是否重復顯示,設置為no-repeat表示不重復顯示。
background-size屬性用于控制背景圖片的尺寸,cover表示圖片會拉伸或縮放以保證整個頁面都被覆蓋。
通過使用以上代碼,我們可以讓頁面背景更加豐富,增加用戶的視覺體驗。
上一篇html5設置圖片右移
下一篇js內引入css