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中的锚点是啥

Html内容的位置怎么调

Html mark标签怎么用

Html tfoot标签怎么用

Html的标签中的this应该如何使用

如何制作Html表格的边框?Html table表格制作及实例

Html表格的分区与分组控制

Html dom是什么

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




打赏

取消

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

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

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

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

评论

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