html怎么设置背景图片


本文摘自PHP中文网,作者藏色散人,侵删。

html设置背景图片的方法:首先创建一个HTML示例文件;然后在中使用background以及style来设置背景图片即可。

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

HTML设置图片为页面背景:


问题:

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


方法:

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

例:

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

1

2

3

4

5

6

7

8

9

10

<html>

         <head>

    <meta content="text/html" charset="UTF-8">

    <title>HTML设置图片为页面背景</title>

         </head>

         <body background="夕阳余晖.jpg"

               style="background-repeat:no-repeat              

               background-attachment:fixed;              

               background-size:100% 100%; ">

         </body></html>

运行结果演示:
在这里插入图片描述


代码解释:

阅读剩余部分

相关阅读 >>

Html属于什么文件Html的文件该如何打开

Html怎样做出鼠标经停时(tr)变色

清除浮动和闭合浮动的介绍

Html实现拖动的完整代码

HtmlHtml5有什么区别

Html怎么添加图片

Html网页选择使用哪种浏览器内核渲染的方法

Html怎么把标题居中

Html表单元素

怎样设置网页以新窗口方式打开

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...