如何使用css在html表格中创建鼠标悬停效果?

i tried creating a hover effect using css, where if the user hovers through the table's rows, it will change the background-color to red. But i notice when i hover the rows, instead of filling up the whole row with red, it fills up only the individual cells. i tried creating a hover effect using css, wher