CSS CODE: body { padding:2px 0 0 0; margin:0px; } #layout { height:962px; width: 778px; margin:0px auto; } #head { height:82px; background-image:url(v2_top.gif); } #head h1 { position: absolute; padding:50px 0 0 42px; font-size:14px; color:#fff; } .box { width:734px; border-left:1px solid #93b0ed; border-right:1px solid #93b0ed; float:left; padding:8px 21px 0px 21px; } .box h5 { margin:20px 0; padding:0px; height:25px; background-image:url(v2_bar.gif); padding-left:3px; } .box p { font-size:12px; text-indent: 2em; line-height:180%; color:#333; margin:0px 20px; } #box-buttom{ border-bottom:1px solid #93b0ed; padding-bottom:10px;} .ul-2 { width:327px; float:left; margin:0px 20px; padding:0px; display: inline; } .ul-1 { margin:0px 20px; padding:0px; } li { list-style:none; line-height:180%; font-size:12px; color:#333; } xhtml code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>练习</title> </head> <body> <div id="layout"> <!--head部分开始--> <div id="head"> <h1>简 历</h1> </div> <!--个人信息部分开始--> <div class="box"> <h5>个人信息</h5> <ul class="ul-2"> <li>姓 名:************</li> <li>出生日期:************** </li> <li>工作年限:****************</li> <li>手 机: ********************* </li> <li>地 址: ************************* </li> </ul> <ul class="ul-2"> <li>性 别: *****</li> <li>居 住 地: *******************</li> <li>电子邮件: *************************</li> <li>邮 编: **************</li> </ul> </div> <!--自我评价部分开始--> <div class="box"> <h5>自我评价</h5> <p>**************************************************************************************************</p> <p>************************************************************************************************** <!--求职意向部分开始--> </p> </div> <div class="box"> <h5>求职意向</h5> <ul class="ul-1"> <li>工作性质: *****</li> <li>期望薪水: *******</li> <li>目标职能: *******************</li> </ul> </div> <!--工作经验部分开始--> <div class="box"> <h5>工作经验</h5> <ul class="ul-1"> <li>*******************************</li> <li>**********************</li> <li>************************</li> <li>(1)*************************</li> <li>(2)***********************</li> <li>(3)**************************</li> <li>(4)***************************</li> <li>(5)***************************************************</li> </ul> </div> <!--教育经历部分开始--> <div class="box" id="box-buttom"> <h5>教育经历</h5> <ul class="ul-2"> <li>时 间:*****************</li> <li>就读学校:**********************</li> <li>所学专业:*************************</li> <li>学 历:*********************</li> </ul> <ul class="ul-2"> <li>时 间:*********</li> <li>就读学校:***********************</li> <li>学 历:*******</li> </ul> </div> </div> </body> </html>