css-表格中鼠标经过该行文字变色(暂不支持IE6)

 

<style type="text/css">
table{
	color:#555;;/*默认字体颜色*/
	font:12px Arial, Helvetica, sans-serif;
}
td{
	background:#dfc;/*默认背景颜色*/
	border-bottom:2px solid #b3de94;
	border-top:3px solid #fff;
	padding:9px;
}
tr{ background:#dfc;}
tr:hover{
	background-color:#595;
	color:#06F;/*鼠标经过字体变色*/
}

</style>
<table summary="book list">
<caption>book list</caption>
<tr>
    <td>title</td>
    <td>id</td>  
    <td>country</td>
    <td>price</td>
    <td>download</td>
</tr>
<tr>
    <td>Tome</td>
    <td>12345678</td>  
    <td>Eighing</td>
    <td>$123</td>
    <td>download</td>
</tr>
<tr>
    <td>Tome</td>
    <td>12345678</td>  
    <td>Eighing</td>
    <td>$123</td>
    <td>download</td>
</tr>
<tr>
    <td>Tome</td>
    <td>12345678</td>  
    <td>Eighing</td>
    <td>$123</td>
    <td>download</td>
</tr>
</table>

posted @ 2011-10-13 10:19  潇墓  阅读(499)  评论(0)    收藏  举报