css背景距离上方，css背景宽度

css设置背景图定位的问题

1、bottom 设置背景图案出现在正下方。bottom right 设置背景图案出现在下右方。

2、首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

3、background-attachment：scorll；background-repeat：no-repeat；background-position：top left；} 可以看到背景图片出现的位置在浏览器的左上角，这个和默认的设置是一样的。

相关问答

Q1: css中怎样设置背景距上任意大小的距离

1、css是不能这样设置的。 正常是需要从图片下手，不知道css0是否完善这个功能， 但是css3现在很多浏览器不兼容。

2、背景的上左边距一直都是用background-position：10px 20px 30px 40px；（上-右-下-左）顺时针顺序 margin是div的外边距 padding是div的内边距，与图片是没有关系的。

3、css设置图片距离可以用盒子模型的margin属性。

4、新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {border： 1px solid #0b93d5； margin-top： 50px；}。浏览器运行index.html页面，此时div元素的上边距用css设置为了50px。

5、你查查background-position并练习一下就知道了，背景图的两个偏移值可以用background-position： x y；表示。x是水平位置偏移，y是垂直位置偏移。你可以用坐标来理解，图片左上角的坐标就是0 0。

6、则0%-100%的透明度也被提供。PNG格式的图片的透明度不妨碍你选择文本。也就是说，你可以选择显示在PNG格式的图片完全透明区域后面的内容。这样我们就可以完美兼容绝大多数的浏览器，实现用CSS让背景图片100%填充了。

Q2: CSS怎么将背景图左移/上移/右移10px-HTML/CSS

1、首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

2、如果图片想向上移 10px；background：url(images/hh.gif) no-repeat 0 -10px；} 同样 如果图片想向右移 10px；background：url(images/hh.gif) no-repeat 10px 0；} 做了个图片， 黑色框是要加背景的容器。

3、新建html文件。创建两个div，并赋予id。为两个div设置宽高和背景，并设置左右浮动。预览效果如图。创建第三个div。为第三个div设置宽高和背景。预览效果如图。

4、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body{background： url(image.jpg) no-repeat；background-size： 200px 200px； }。

5、background-repeat：no-repeat；background-position：top left；} /style /head body /body /html 可以看到背景图片出现的位置在浏览器的左上角，这个和默认的设置是一样的。

css背景距离上方的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景宽度、css背景距离上方的信息别忘了在本站进行查找喔。