html浮动后背景图移动

设置html背景图像位置的方法是在背景图像中添加背景位置属性，然后单击【背景位置： center； 】。

正文 *** 作环境： windows10系统、html 5、thinkpad t480电脑。

如果要在html代码中移动背景图像的位置，可以使用背景位置属性。 很多学生可能还不知道这个属性，下面介绍这个属性。

背景位置属性用于设置背景图像的开始位置。

一般属性值如下： 左顶

左中心

左底

光之最

代码示例：

php中文网(php.cn ) body

{

背景图像： URL (smiley.gif )；

后台- repeat :否- repeat；

后台-附件：固定；

背景定位：中心；

}

注意：此属性在Firefox和Opera中运行，后台附件属性设置为“固定”。

可以将上面的代码本地复制，然后运行以查看效果。

background:url() x y no-repeat

url()的整个图片的路径

x,y是图片坐标，确定第一个小图片位置

no-repeat是图片不让它重复平铺

上两位给出的是，内容置于网页任何一个位置。您提到的背景图于任何位置的代码如下 ：

<style type="text/css">

<!--

body {background:url(图片路径) no-repeat 10px 10px} 

</style>

后面两个10PX，就是位置的指定了，一个是左右，一个是上下，您改下试试。

上面的body也可替换为您指定的哪个元素。如您的元素是

<div class="imgbg">玖赞网络是有背景的</div>

那么相就的BODY则替换为 .imgbg

---