圖片邊框鼠標移動變化

<style>

.ok img{
border: 1px solid #ccc;
}

.ok:hover img{
border: 1px solid navy;
}

.ok:hover{
color: red;
}

</style>


<a href="" class="ok"><img border="0" src="http://img1.51cto.com/images/main/logo.jpg"></a>