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在两个div标签中间画一条竖线

如何在Html中使用javascript

Html语义化有那些作用

Html空格代码是什么?Html空格代码怎么写?(总结)

Html option标签怎么用

Html style标签怎么用

sHtmlHtml的区别是什么

Html中mate是单标签吗

纯css+div隐藏滚动条的实现方法(代码示例)

canvas实现压缩图片的代码示例

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




打赏

取消

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

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

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

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

评论

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