How to change the style of the row of gridview on mouse hover using css?

Changing style of the row of gridview on mouse hover.
Steps:
1. Take one gridview from toolbox & bind the data to it.
2. run the page & viw the page source of the page. There you will find that one table is created for the gridview , so for each tr we can assign the style & which will take effect at runtime.
3. So in head of the page inside tag write the css.
You can write css something like this….this will change the background color of the row as well as font of the text in the row.
< style>
tr:hover{
color:Orange;
font:normal 16px Arial;
}