700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > HTML设置图片为页面背景

HTML设置图片为页面背景

时间:2022-12-09 12:30:02

相关推荐

HTML设置图片为页面背景

HTML设置图片为页面背景:


问题:

在HTML页面中不使用CSS盒模型的前提下如何将一张图片设置为页面背景?


方法:

在< body >中使用background以及style来设置

例:

在这里我把html格式的文件和jpg格式的图片文件都放到了桌面上

<html><head><meta content="text/html" charset="UTF-8"><title>HTML设置图片为页面背景</title></head><body background="夕阳余晖.jpg" style="background-repeat:no-repeatbackground-attachment:fixed;background-size:100% 100%; "></body></html>

运行结果演示:


代码解释:

background=".../...jpg'"

双引号中的值为存放图片的路径

background-repeat:no-repeat;

设置图片不重复显示

background-attachment:fixed;

设置图片的位置固定

background-size:100% 100%;

设置图片达到窗口100%的比例

以上便是HTML中不使用CSS盒模型的情况下,怎么设置一张图片为页面的背景

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。