Question

怎样在css样式的盒子里添加图片啊？就比如是这样的

.left
{
width:300px;
height:200px;
float:left;
background-color:gray;
}
<div class="left"></div>
现在要在这个盒子里加一张图片该怎么写啊？？？

Answer 1

1、打开HBuilder开发软件并在Web项目中创建一个新的静态页面。

2、将三个div元素插入body元素并将其类设置为AA，BB和CC。

3、预览静态页面，您可以看到页面效果，即中上层和下层。

4、分别设置AA，BB和CC三个类的样式属性，包括宽度，高度和背景颜色。

5、我们再次设置body元素样式属性。

body{

text-align: center;

vertical-align: middle;

display: box;

display: -moz-box;

display: -webkit-box;

orient: horizontal;

-moz-box-orient: horizontal;

-webkit-box-orient: horizontal;

}

6、分别添加字体的垂直分布。

text-align: center;

vertical-align: middle;

Answer 2

在css样式里加就只能是加背景图，css代码为：background:url(地址) repeat 0px 2px;在url的括号里填上图片的地址，repeat为循环，如不循环则为no-repeat，后面的0px 2px可是调整图片的位置……

Answer 3

<div class="left"><img src="图片地址" alt="" style="width:100%; height:100%"></div>

Answer 4

！！！！！！！！！！！！！！看半天是css里面 给盒子加背景 ！！
例子
background: url(图片路径，别写错了) no-repeat;
no-repeat 是不重复平铺。
repeat-y 是竖着平铺
repeat-x 是横着平铺

Answer 5

background：url(你的图片路径)