html怎么设置背景图片
生活随笔
收集整理的這篇文章主要介紹了
html怎么设置背景图片
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
本文操作環(huán)境：Windows7系統(tǒng)、HTML5&&CSS3版，DELL G3電腦
HTML設(shè)置圖片為頁(yè)面背景：
問(wèn)題：
在HTML頁(yè)面中不使用CSS盒模型的前提下如何將一張圖片設(shè)置為頁(yè)面背景？
方法：
在< body >中使用background以及style來(lái)設(shè)置
例：
在這里我把html格式的文件和jpg格式的圖片文件都放到了桌面上
<html>
<head>
<meta content="text/html" charset="UTF-8">
<title>HTML設(shè)置圖片為頁(yè)面背景</title>
</head>
<body background="夕陽(yáng)余暉.jpg"
style="background-repeat:no-repeat
background-attachment:fixed;
background-size:100% 100%; ">
</body></html>
登錄后復(fù)制
運(yùn)行結(jié)果演示：
代碼解釋：
background=".../...jpg'"
登錄后復(fù)制
雙引號(hào)中的值為存放圖片的路徑
background-repeat:no-repeat;
登錄后復(fù)制
設(shè)置圖片不重復(fù)顯示
background-attachment:fixed;
登錄后復(fù)制
設(shè)置圖片的位置固定
background-size:100% 100%;
登錄后復(fù)制
設(shè)置圖片達(dá)到窗口100%的比例
以上便是HTML中不使用CSS盒模型的情況下，怎么設(shè)置一張圖片為頁(yè)面的背景
推薦學(xué)習(xí)：《HTML視頻教程》
以上就是html怎么設(shè)置背景圖片的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章！
總結(jié)
以上是生活随笔為你收集整理的html怎么设置背景图片的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Angular Component的DO
- 下一篇： 如何给图片编辑添加文字？(Word中如何