css3可以实现，
background: url(image_1.jpg) top left no-repeat, url(image_2.jpg) top right no-repeat
在这个背景里面加两个div
样式为都float:left:width:50%height:100%
然后把图片分别放到两个中，（最常用）
你还不够费事的,你直接PS到一块不就行了嘛,你要想用css,你要用到定位,把背景放到最下面一层,内容放到上面,如果这样的提示你还写不出来的话,你就别写了,直接用PS给拼到一块吧.
看看吧
<div style="position:relative">
<div style="width:50%height:500pxfloat:leftbackground:red"></div>
<div style="width:50%height:500pxfloat:leftbackground:blue"></div>
</div>
<div style="font-size:36pxposition:absoluteleft: 0pxtop: 0px">内容</div>,
自己改改
