css背景图上下左右，css背景颜色设上下两种

为什么去掉border整个背景位置会偏移

background-position：[水平方向偏移] [垂直方向偏移]我们给一个div加上背景后，先仅仅控制背景图片的路径，其他的都不做控制。

使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。 float元素的父元素不能指定clear属性 MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。

问题原因：这个问题发生的原因是根据规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

而且从效果上来说会覆盖到其他的背景元素之上，因此可以作为背景的替代。

因为你定义了post的上边距为10像素：.post { width： 197px；margin-top： 10px；} 把margin-top： 10px；去掉看看。

因为目前的选区包括了人物和红色背景，去掉红色背景，就需要缩小选区。所以可以在跳出的窗口中设置缩小选区的像素值，没有什么把握的话可以先缩小一个像素，再慢慢调整。

相关问答

Q1: 在css的div中设置背景图片后背景图片下移如何解决

background-position： 0px 10px； //水平方向(以左上角为原点，x方向)移动 0像素，垂直方向（y轴方向）即向下以动 10 像素 注意：0px 不能省略，否则默认为x方向移动的距离。也可以设置为百分比值。

要让图片靠左，居于底部，用：background：url(这里是你的背景图片路径) no-repeat left bottom；我是网页设计师，如果可以，请联系我，把代码传给我帮你检查是哪里出了问题。

祖先元素进行垂直外边距合并。只要给父元素（或祖先元素）设置个有效的 border或者padding就可以有效的管制子元素的margin防止它越级。

底部右下可以写：background-position：right bottom。图片 图片是指由图形、图像等构成的平面媒体。

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

background-position：数值1 数值2；数值1是控制左右宽度；数值2是控制上下高度；底部右下可以写：background-position：right bottom。图片 图片是指由图形、图像等构成的平面媒体。

Q2: CSS如何添加背景图片

1、如果你背景色设置为图像的话，倒是可以，先用background-image加载图片，然后用background-repeat设置背景重复方式，最后用background-position来定位你的背景图像位置，这样就能达到你要求的效果了。

2、在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

3、css代码添加背景图片：1．背景颜色：background-color 语法：{background-color：数值} 注意：在html当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。

4、可以在CSS里面用background-image：url(你的图片地址)。这样来加入图片，展现到网页中。

5、打开html编辑器并创建一个新的html文件。新建完一个新的html文件后，在index.html的标签中，输入如下所示的CSS代码。

6、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。然后通过background给div添加一张图片作为它的背景。如图，通过url()来连接图片，url里面放置的就是背景图片的路径。

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

背影图片的左上角相对当前元素左上角的坐标。

img src= hspace=这里的hspace指水平方向与其他元素的间隔，填个你想要的整数就行了，如果是竖直方向就用vspace，简单吧。

要让图片靠左，居于底部，用：background：url(这里是你的背景图片路径) no-repeat left bottom；我是网页设计师，如果可以，请联系我，把代码传给我帮你检查是哪里出了问题。

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

首先你要知道要截取的图片在整张图片中的偏移量以及大小。

Q4: div+css如何改变背景图片位置?

1、首先新建一个html文件，命名为test.html，在test.html文件中，使用div标签创建一个模块，用于测试。在test.html文件中，给div标签添加一个class属性，用于下面样式设置。

2、要让图片靠左，居于底部，用：background：url(这里是你的背景图片路径) no-repeat left bottom；我是网页设计师，如果可以，请联系我，把代码传给我帮你检查是哪里出了问题。

3、background-position：数值1 数值2；数值1是控制左右宽度；数值2是控制上下高度；底部右下可以写：background-position：right bottom。图片 图片是指由图形、图像等构成的平面媒体。

4、可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。

5、设置背景色的时候，不能用repeat-y这类属性，也不能用背景定位background-position，这些属性只用在背景图片的时候。还有在设置高度的时候最好不要用百分比，将样式修改一下就OK了。

6、现在在main.js文件里要用show.gif来做背景图片，那么要这样来写：background-image：url(image/td-top-gif)；这样写路径是因为main.js和image文件夹都是在css目录下的。

css背景图上下左右的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景颜色设上下两种、css背景图上下左右的信息别忘了在本站进行查找喔。