html设置背景图片,图片只显示部分（图片比较大）

要是想要全部显示可以在盒子宽高有设置时可以直接写background-size:100%；

要不是有具体像素要求也可以直接写成background-size:30px 20px

但是在IE9以下IE系列浏览器是不兼容，假如需要兼容IE版本，最好是通过PS修改图片大小。

（纯手打，求采纳 梦魂清风 @author：dream breeze）！

既然是背景色，调试填充满整个html元素的，所以其大小和元素本身一样。

<div style=" width:100pxheight:100pxbackground-color:red"></div>

上面解析后就是一个100*100的红色div模块

很简单，你可以用下下面这个测试例子，一看就明白了额；给每个div定义个css样式，然后引用css样式，给每个css样式设置背景颜色即可

示例：

<style>

.div1{ width:200px height:200px background-color:#F00 float:left}

.div2{ width:200px height:200px background-color:#0F0float:left}

.div3{ width:200px height:200px background-color:#00Ffloat:left}

</style>

<div class="div1"></div>

<div class="div2"></div>

<div class="div3"></div>

设置三个宽200px，高height200px的区域，给每个区域加上不同的背景颜色background-color

:颜色  最后浏览网页，实现效果！

---