HTML CSS examples for CSS Widget:Table Row
Get a whole table row to highlight on mouseover
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> td {<!-- w w w.j a v a 2 s. c o m--> font-family:'Roboto Slab', serif; font-size:19px; padding:4px 16px; text-align:center; } .silvergrad { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='Chartreuse', endColorstr='yellow'); background:-webkit-gradient(linear, left top, left bottom, from(blue), to(pink)); background:-moz-linear-gradient(top, OrangeRed, grey); } .silvergrad:hover td { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='BlueViolet', endColorstr='Chartreuse'); background:-webkit-gradient(linear, left top, left bottom, from(yellow), to(blue)); background:-moz-linear-gradient(top, pink, OrangeRed); } </style> </head> <body> <table> <tbody> <tr class="silvergrad"> <td>Lorem ipsu</td> <td>Lorem ipsu</td> <td>Lorem ipsu</td> </tr> </tbody> </table> </body> </html>