<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
table{
width: 150px;
height: 150px;
}
td{
width: 50px;
height: 50px;
background: #555555;
mso-cellspacing: 2px;
text-align: center;
}
td:hover{
color: yellow;
font-size: 30px;
}
</style>
<title>作业一</title>
</head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>36</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>
运行结果:鼠标悬浮时,数字变黄