html如何设置背景图片

这篇文章将为大家详细讲解有关的html如何设置背景图片,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

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

本文操作环境:Windows7多系统,HTML5&和CSS3版,戴尔G3电脑

html设置图片为页面背景:

<人力资源颜色=" # 000000 "大??”;"/>

问题:

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

<人力资源颜色=" # 000000 "大?" 1“,"/>

方法:

<强>在& lt;身体祝辞中使用背景以及风格来设置

例:

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

& lt; html> 　　,,,,,,,,& lt; head> 　　& lt; meta 内容=拔谋?html", charset=癠TF-8"比; 　　& lt; title> HTML设置图片为页面背景& lt;/title> 　　,,,,,,,,& lt;/head> 　　,,,,,,,,& lt; body 背景=跋ρ粲嚓?jpg", 　　,,,,,,,,,,,,,,风格=捌狡谭绞?no-repeat ,,,,,,,,,,,,,, 　　,,,,,,,,,,,,,,background-attachment:固定,,,,,,,,,,,,,,,, 　　,,,,,,,,,,,,,,background-size: 100%, 100%;,“比; 　　,,,,,,,,& lt;/body> & lt;/html>

<强>运行结果演示:

<人力资源颜色=" # 000000 "大??”;"/>

代码解释:

背景=啊?jpg # 39;“

双引号中的值为<强>存放图片的路径

平铺方式:不再重演;

设置图片<强>不重复显示

background-attachment:固定;

设置图片的<>强位置固定

background-size: 100%, 100%,

设置图片<>强达到窗口100%的比例

<链接的href=" https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-d7a94ec6ab.css " rel="样式表"/> <链接的href=" https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-f1c5feb645.css " rel="样式表"/>

关于“html如何设置背景图片”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

html如何设置背景图片