连续排列的几个块，当鼠标移上去时 块的背景颜色由白色变为红色，用css能不能实现这个效果？？？？？？知道的指点下．不用表格．就好比这几个连续排列的块．
#danyuan1{display:block;width:205px;height:18px;margin:2px;}
#danyuan2{float:left;width:18px;height:18px;margin:2px;border:1px solid #FF0000;line-height:18px;text-align:center;}
<div id="danyuan1">
<div id="danyuan2"><a href="#"class="yellow">17</a></div>
<div id="danyuan2"><a href="#"class="yellow">18</a></div>
<div id="danyuan2"><a href="#"class="yellow">19</a></div>
<div id="danyuan2"><a href="#"class="yellow">20</a></div>
<div id="danyuan2"><a href="#"class="yellow">21</a></div>
<div id="danyuan2"><a href="#"class="yellow">22</a></div>
<div id="danyuan2"><a href="#"class="yellow">23</a></div>
</div>
<div id="danyuan1">
<div id="danyuan2"><a href="#"class="yellow">24</a>
</div>
<div id="danyuan2"><a href="#"class="yellow">25</a></div>
<div id="danyuan2"><a href="#"class="yellow">26</a></div>
<div id="danyuan2"><a href="#"class="yellow">27</a></div>
<div id="danyuan2"><a href="#"class="yellow">28</a></div>
<div id="danyuan2"><a href="#"class="yellow">29</a></div>
<div id="danyuan2"><a href="#"class="yellow">30</a></div>
</div>
<div id="danyuan1">
<div id="danyuan2"><a href="#"class="yellow">31
</div>
<div id="danyuan2"><a href="#"class="yellow">1</a></div>
<div id="danyuan2"><a href="#"class="yellow">2</a></div>
<div id="danyuan2"><a href="#"class="yellow">3</a></div>
<div id="danyuan2"><a href="#"class="yellow">4</a></div>
<div id="danyuan2"><a href="#"class="yellow">5</a></div>
<div id="danyuan2"><a href="#"class="yellow">6</a></div>
</div>
