title: how to make Text color change, when mouse move on the image
body: <p>I need change the text color , when mouse move on the images,</p>
  
  <p>Here i have done some work. i can't able to change the text color. can anyone please help me.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="hover"&gt;
  &lt;a href=""&gt;&lt;img src="th.jpg" /&gt;&lt;span&gt;Add&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.hover
  {
  width:65px;
  height:56px;
  display:inline;
  text-align:center;
  }
  .hover a
  {
  color:#000;
  display:block;
  margin:0 5px 0 0;
  float:left;
  text-align:center;
  height:56px;
  text-decoration:none;
  width:65px;
  }
  .hover span {
  display:block;
  text-align:center;
  }
  .hover img {
  margin:0 auto;
  padding:3px 0;
  }
  .hover img:hover{
  border:solid 1px #ccc;
  }
  </code></pre>