本文介绍了一个使用HTML创建表格并运用CSS进行样式的实例。通过定义特定的样式规则，如鼠标悬停时改变行背景颜色等，展示了如何增强用户体验。此示例简单明了，适合初学者学习。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<style type="text/css">
.tab
{
width:1000px; height:600px;
}
.tab tr:hover
{
background-color:Red;
}
</style>
</head>
<body >
<table border="1" class="tab" >
<tr >
<td>123</td>
<td>123</td>
</tr>
<tr >
<td>123</td>
<td>123</td>
</tr>
<tr >
<td>123</td>
<td>123</td>
</tr>
<tr >
<td>123</td>
<td>123</td>
</tr>
<tr >
<td>123</td>
<td>123</td>
</tr>
</table>
</body>
</html>
<head>
<title></title>
<style type="text/css">
.tab
{
width:1000px; height:600px;
}
.tab tr:hover
{
background-color:Red;
}
</style>
</head>
<body >
<table border="1" class="tab" >
<tr >
<td>123</td>
<td>123</td>
</tr>
<tr >
<td>123</td>
<td>123</td>
</tr>
<tr >
<td>123</td>
<td>123</td>
</tr>
<tr >
<td>123</td>
<td>123</td>
</tr>
<tr >
<td>123</td>
<td>123</td>
</tr>
</table>
</body>
</html>
扫一扫
1090
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
