<style>
*{margin:0;padding:0;list-style:none;}
img{border:1px solid #ccc}
.info li { padding:5px;width:144px;float:left}
.info li .img { padding:5px; border:1px solid #CBCBCB;display:block;}
.info li .img:link,.info li .img:visited {border:1px solid #CBCBCB;}
.info li .img:hover{border:1px solid #CBCBCB;background:#f0f0f0;}
</style>
</head>
<body>
<div class="info">
<ul>
<li><a href="#" class="http://img01.taobaocdn.com/imgextra/i1/1092655255/T2mdUkXmpaXXXXXXXX_!!1092655255.jpg" ><img src="#" /></a></li>
<li><a href="#" class="http://img01.taobaocdn.com/imgextra/i1/1092655255/T2mdUkXmpaXXXXXXXX_!!1092655255.jpg" ><img src="#" /></a></li>
<li><a href="#" class="http://img01.taobaocdn.com/imgextra/i1/1092655255/T2mdUkXmpaXXXXXXXX_!!1092655255.jpg" ><img src="#" /></a></li>
</ul>
</div>
***********************************************************************************
<style>
*{margin:0;padding:0;list-style:none;}
img{border:1px solid #ccc}
.info li { padding:5px;width:144px;float:left}
.info li .img { padding:5px; border:1px solid #CBCBCB;display:block;}
.info li .img:link,.info li .img:visited {border:1px solid #CBCBCB;}
.info li .img:hover{border:1px solid #CBCBCB;background:#f0f0f0;}
</style>
</head>
<body>
<div class="info">
<ul>
<li><a href="#" class="img" ><img src="#" /></a></li>
<li><a href="#" class="img" ><img src="#" /></a></li>
<li><a href="#" class="img" ><img src="#" /></a></li>
</ul>
</div>
*************************************************************************************
#div:hover{background:#000000;}
<div onmouseover="this.style.backgroundColor='#F4F9FD'"
onmouseout="this.style.backgroundColor='#FFFFFF'"></div>
<style>
.d_over{background-color:#307172;}
.d_out{background-color:#EFEFEF;}
</style>
<div class="d_out" onmouseover="this.className='d_over'"
onmouseout="this.className='d_out'">込込込込込</div>
<style>
a {color:red; width:100px; height:22px; line-height:22px;}
a:hover {background:#f4f4f4; color:#000;}
</style>
