css里鼠标悬停变色怎么弄

1.首先创建一个新的html文件并将其命名为test.html。
在test.html文件中，使用table标签创建一个用于测试的表。

2.在test.html文件中，将table标签的class属性设置为mytable，并将边框设置为1px。

3.然后在css标签中，通过class设置表格的样式，定义其宽度为300px，高度为200px。

4.在css标签中，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，更改单元格的背景颜色并将其设置为red。

5.最后在浏览器中打开test.html文件，鼠标经过后颜色会发生变化。

如何用html和css做这个鼠标悬停背景和字同时变色，不用id，急急急！

只需使用:hover伪类。

示例：

 1