<div>
Look at the <a href="http://www.w3schools.com/cssref/sel_hover.asp" rel="ugc">:hover pseudo-CSS-selector</a>.
</div>


Look at the :hover pseudo-CSS-selector [http://www.w3schools.com/cssref/sel_hover.asp].

<div>
You would be much better off doing this in a style sheet. But check this out.<br />
Live Sample for code below <a href="http://jsbin.com/zofup/1/" rel="ugc">http://jsbin.com/zofup/1/</a><br />

<pre><code id="code-20-40007749-1">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;meta charset=&quot;utf-8&quot;&gt;
  &lt;title&gt;JS Bin&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table&gt;
  &lt;tr&gt;
   &lt;td width=&quot;20%&quot; style=&quot;cursor:pointer;cursor:hand&quot; onMouseover=&quot;this.bgColor='#2E3740'; this.style.color='#FFFFFF';&quot; onMouseout=&quot;this.bgColor='#ffffff'; this.style.color='#2E3740'&quot;&gt;&lt;div align=&quot;center&quot;&gt;CHANNELS&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>


You would be much better off doing this in a style sheet. But check this out.
Live Sample for code below http://jsbin.com/zofup/1/ [http://jsbin.com/zofup/1/]


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<table>
  <tr>
   <td width="20%" style="cursor:pointer;cursor:hand" onMouseover="this.bgColor='#2E3740'; this.style.color='#FFFFFF';" onMouseout="this.bgColor='#ffffff'; this.style.color='#2E3740'"><div align="center">CHANNELS</div></td></tr>
  </table>
</body>
</html>

<div>
Thanks Scott, that's awesome!
</div>


<div>
Isn't that what I mentioned? &nbsp;: \
</div>


<div>
Sorry Kaufmed, Im new at all these stuff and I used the JavaScript solution instead of the CSS<br />
<br />
Thanks.
</div>


Sorry Kaufmed, Im new at all these stuff and I used the JavaScript solution instead of the CSS

Thanks.

<div>
<div class="content wysiwyg-content">
Hello!<br />
<br />
I've a table that changes the background color when mouseover, and goes back to the original color when mouseout:<br />
<br />
&nbsp;&lt;td width=&quot;20%&quot; style=&quot;cursor:pointer;curs<wbr />or:hand&quot; onMouseover=&quot;this.bgColor=<wbr />'#2E3740'&quot;<wbr /> onMouseout=&quot;this.bgColor='<wbr />#ffffff'&quot;&gt;<wbr />&lt;div align=&quot;center&quot;&gt;CHANNELS&lt;/d<wbr />iv&gt;&lt;/td&gt;<br />
<br />
What I need to do is also to change the Font color at mouseover &nbsp;(to FFFFFF) and back to #2E3740' when mouseout.<br />
<br />
Need some help :)<br />
<br />
Thanks!
</div>
</div>


Hello!

I've a table that changes the background color when mouseover, and goes back to the original color when mouseout:

 <td width="20%" style="cursor:pointer;cursor:hand" onMouseover="this.bgColor='#2E3740'" onMouseout="this.bgColor='#ffffff'"><div align="center">CHANNELS</div></td>

What I need to do is also to change the Font color at mouseover  (to FFFFFF) and back to #2E3740' when mouseout.

Need some help :)

Thanks!

Change font color on mouseover

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.