html如何调整图片位置_随笔

1、可以使用background-position属性设置图片位置，具体的方法是，首先用hbuilder软件新建一个html文件，文件的head标签中设置输入style标签：

2、然后设置body的样式，给body加一张图片，设置为不重复，设置background-position属性让图片出现在右上方，该属性的前一个参数控制上下的位置，后一个参数控制左右的位置，设置好后，来到浏览器查看效果：

3、此时在浏览器就会看到图片是在浏览器的右上方的：

将整个DIV定位方式设置成固定定位。下面是测试代码(亲手编写哦，测试成功的~)

<html>

<head>

<title>DIV始终固定在左下角</title>

<style>

#wrap {

display:block

bottom:0px

left:0px

position:fixed

border:1px solid #fff

text-align:center

}

</style>

</head>

<body>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html如何调整图片位置