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怎么设置链接

当 position:sticky 遇到 bootstrap 浮动布局时候的踩坑记录

Html中的meta标签是什么?meta标签的属性介绍

什么是Html h1标签?Html h1标签使用方法的详细介绍

Html5前端是什么?

Html文件基本结构介绍

Html css看什么书?

使用Html5可以干什么?Html5的优势和劣势(总结)

Html中head标签是什么意思?一篇文章教你正确地使用head标签

Html中如何加下划线?Html<u>标签添加下划线的用法实例

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




打赏

取消

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

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

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

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

评论

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