css条形背景，css样式背景

css超出高度后向下滑动背景图变形

1、设置图片自适应，给图片设置display：block；width：100%；不要设置高度，不要设置高度，不要设置高度。这样图片就能根据父级div适应大小，就是你设置一个div，里面放图片。div多大，图片就多大。高度自动适应，所以不能设置高度。

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

3、.head{ height ：136px； background ：url(images/templatemo_header_bg.jpg) no-repeat left top； } 只要去掉0就行。

4、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

5、你做一个大div标签用放在最底层，把那张大图片以背景放在div里，然后在这个div上面在做其它的。

相关问答

Q1: 用css加ul做网页,怎样让一长条都是背景色啊?要给display加什么属性啊...

1、背景色：背景色 语法：{background-color：数值} 注意：在html中，给对象添加背景色只有一种方法，就是先做一个表格，在表格中设置背景色，然后把对象放入单元格中。

2、首先，打开html编辑器，新建html文件，例如：index.html。

3、背景色，直接使用background属性即可，下划线直接使用bottom-border即可，虚线为dashed实线为solid，希望对你有帮助。

4、就复制上面的一点吧，我想吧背景色设置成白色。style type=text/css ！-- body { background-color： #FFFFFF；} -- /style 上面的这个代码添加到css中，加到什么位置。

5、你设置的是UL下所有LI的背景色，所以全部LI都变成红色了。使用first-child 属性即可。

Q2: CSS如何添加背景图片

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

首先，打开html编辑器，新建html文件，例如：index.html。

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

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

打开操作软件这里用DW，定义一个css样式，如下图 首先看下，背景图效果，如下图所示：在div中添加一个img，输入以下代码。

Q3: css怎么定义页面背景为横条

{background：url(../img/top_bg.gif) x-repeat} 问题在repeat，改下设置就好了。x-repeat：横向。y-repeat：纵向。

首先图片是用PS做出来的，最好做的小一点（用一个渐变）。然后把这个图片设置成背景图片就可以了。

设置背景将页面背景设置为图片填充，选中图片并剪切，在设置背景格式中选择图片或纹理填充，最后点击插入图片来自剪贴板即可。

如果至指定一个方向另一个方向默认为center，两种方法也可以混搭。

Q4: 如何利用CSS+DIV实现背景为一条线,前景为图片效果?

1、启动DW软件，新建一个网页文件，在body中添加一个 标签，然后给他一定CSS样式，【width：300px；height：200px；background：#ff0000；】我们可以看到填充了背景色为红色。

2、如果希望使用渐变，只有一个解决办法，就是固定背景+固定DIV高度+DIV滚动条，使用者通过滚动DIV中的滚动条来阅览内容，而不是滚动页面的滚动条。

3、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

4、要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。 background-image： url(1jpg)；05 刷新页面看下现在的效果，可以看到div已经加上图片背景了。

Q5: 在css中设置图片的背景图,怎么设置图片纵向拉伸

1、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

2、点选单中的格式——背景——点下拉箭头中的填充效果——点图片，再从电脑上找到要做成背景的图片，点确定，再点应用，如果是所有幻灯片都要这样的背景就点“全部应用”。

3、background：url(../../config/img/Title.png) repeat-y；竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。

4、可以通过cover和contain来对图片进行伸缩。

5、通过设置height 和 width来拉伸图片。用css也是设置img元素的高度和宽度属性。补充一下，可以用css的 z-index 属性，把div的z-index设置成负数，这样其他的div可以显示在图片div的上面。从而实现了背景的模拟。

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