第一种 利用2个div  

先定义个div 然后里面放2个h标签 背景图使用css式样定位上去

<div class="rank">

  <div class="rankTitle">  【ranktitle】背景---------------背景区

<h5>排行榜<g5>               

<h6>投票<h6>

</div>-------------------------------------------------背景区

<ul class="rankList"> 

<li><a href="#">文字内容</a></li>

<li><a href="#">文字内容</a></li>

<li><a href="#">文字内容</a></li>

<li><a href="#">文字内容</a></li>

<ul>

</div>

第二种  一个div

 h5增加背景排行榜背景

 h6{margin:-25px 0 0 50px;}通过移动H6的下方

<div class="rank">

<h5>排行榜<g5>               

<h6>投票<h6>

<ul class="rankList"> 

<li><a href="#">文字内容</a></li>

<li><a href="#">文字内容</a></li>

<li><a href="#">文字内容</a></li>

<li><a href="#">文字内容</a></li>

<ul>

</div>