css3div背景，css 背景色

css中的背景图怎么改变大小

在dreamweaver里面编辑图片把le.jpg这张图片的宽度的单位设置成%，值为100。首先选中图片，然后再在下面的属性面板里有个“宽度”选项处修改。

CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

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

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

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

相关问答

Q1: css3设置transform之后,页面背景颜色未铺满?

1、DOM结构中，多了两个div。刷新之后仍显示之前的样式，可能是缓存的问题，建议从服务器端清一下缓存。

2、no-repeat；不过因为不同浏览器对于css3的支持度有限，这种写法在大多数浏览器里面，特别是ie里面是无效的。所以通常的作法还是嵌套两个div，一个div里面是上面的背景图，一个div里面是下面的背景图，这样的兼容性会好一些。

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

4、点击设计 打开电脑的Word文档，点击设计。点击页面颜色 点击页面颜色选项。选择背景颜色 选择上面的背景颜色。设置页面的背景颜色 就成功设置了页面的背景颜色。

5、style=filter：progid：dximagetransform.microsoft.alphaimageloader(src=jpg，sizingmethod=scale)，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。

6、html中设置元素的背景色都是通过CSS中的background 属性来完成。

Q2: 在一个div中如何将css背景设置为两张图片?

1、CSS3 允许您为元素使用多个背景图像。例如：为id为pic的div 元素设置两幅背景图片：pic { background-image：url(bg_flower.gif)，url(bg_flower_gif)；} 上面的例子就是用两种图片为div元素设置背景。

2、一张让它显示在底部，已做出，用background-image 让其显示，并设置no-repeat 实现了。如何在顶部再加一个顶部的图片。

3、我觉得可以用两个div实现，相当于两个div摞起来。

Q3: DIV+CSS如何让背景下移10像素

将要下移的DIV定义一个CSS样式，这里我以class=222为例。如下图黄色背景的DIV要下移一定量。选择style中的222样式名，再点击CSS选项卡下的编辑按钮，如下图向右的指向箭头所示。

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

css中的相对定位和绝对定位也是同样的道理。

譬如你的CSS div#wrap {width：950px； padding：0 5px； border：0；} 实际wrap的宽度是960px。如果padding：0 10px呢，width就要改成940px，这样wrap实际宽度才维持960px不变。

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

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

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