HTML CSS examples for CSS Widget:Table Row
Border-radius for table for row hover
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> table {<!--from w ww . j a v a 2 s .c o m--> border-collapse:collapse; } th, td { padding:5px 8px; } tr:hover th, tr:hover td { background-color:Chartreuse; } tr:hover th { border-radius:6px 0 0 6px; } tr:hover td:last-child { border-radius:0 6px 6px 0; } </style> </head> <body> <table> <tbody> <tr> <th>Lo</th> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> </tr> <tr> <th>Lo</th> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> </tr> <tr> <th>Lo</th> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> </tr> <tr> <th>Lo</th> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> </tr> <tr> <th>Lo</th> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> <td>Lo</td> </tr> </tbody> </table> </body> </html>