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 address标签怎么用?Html address标签的使用方法详解

Html的头标签meta如何实现refresh重新定向

Html如何调用外部jquery

Html progress标签怎么用

Html只读属性是什么

Html input标签的属性有哪些?input标签的用法总结(附实例)

Html的<sup>标签有什么用

Html关于php你必须知道的重要知识点

Html中big标签如何使用?Html big标签的使用实例

如何将Html转成pdf?方法介绍

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




打赏

取消

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

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

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

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

评论

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