1、首先需要新建一个HTML页面。
2、然后输入页面的标题，可以按照下方图中的进行设置。
3、然后在根据下方图片中的代码进行编辑，
4、在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。
5、在两个div中加入相同的图片<img src="images/5.png" />，在浏览器打开页面发现加入图片后把原来的div都给覆盖掉了。
6、然后在输入命令.img img{ width:100%height:auto}，这样就完成了。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：body{background-image: url(image.jpg)}。
3、浏览器运行index.html页面，此时通过背景图片的本地路径成功调用了本地图片作为背景图片。
你的CSS样式写的太不规范了，#Channel_boundary{
width:1px
background: #D4D0C8 repeat-y
float:left
height:60%
line-height:60%
background-position:10px 20px
}
设置背景色的时候，不能用repeat-y这类属性，也不能用背景定位background-position，这些属性只用在背景图片的时候。还有在设置高度的时候最好不要用百分比，将样式修改一下就OK了。如下：
#Channel_boundary{
width:1px
background-color: #D4D0C8
float:left
height:20px
margin-top:10px
overflow:hidden
}
height和margin-top的值可以自行调整，直到你满意的位置为止。
