给个实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:100px;
border-collapse:collapse;
}
th,td {
border:1px solid #ccc;
padding:5px 10px;
}
.blue {
background:#DBECF4;
}
tr:hover {
background:#0066CC;
color:#fff;
}
tr:hover th{
color:#000;;
}
</style>
</head>
<body>
<table>
<tr class="blue">
<th></th>
<th>Track Name</th>
<th>Artist</th>
<th>Album</th>
</tr>
<tr>
<td>1</td>
<td>Hide You</td>
<td>Kosheen</td>
<td>Resist</td>
</tr>
<tr class="blue">
<td>2</td>
<td>.38.45</td>
<td>Thievery Corporation</td>
<td>Sounds From the Thievery Hi-Fi</td>
</tr>
<tr>
<td>3</td>
<td>Fix You</td>
<td>Cold Play</td>
<td>X&Y</td>
</tr>
<tr class="blue">
<td>4</td>
<td>Hide You</td>
<td>Kosheen</td>
<td>Resist</td>
</tr>
<tr>
<td>5</td>
<td>.38.45</td>
<td>Thievery Corporation</td>
<td>Sounds From the Thievery Hi-Fi</td>
</tr>
<tr class="blue">
<td>6</td>
<td>Fix You</td>
<td>Cold Play</td>
<td>X&Y</td>
</tr>
</table>
</body>
</html>
<table id = 'mytable'>
<tr>
<td>内容</td>
</tr>
</table>
css可以这样写
/*表*/
#mytable{}
/*行*/
#mytable tr{}
/*单元格*/
#mytable td{}
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:100px;
border-collapse:collapse;
}
th,td {
border:1px solid #ccc;
padding:5px 10px;
}
.blue {
background:#DBECF4;
}
tr:hover {
background:#0066CC;
color:#fff;
}
tr:hover th{
color:#000;;
}
</style>
</head>
<body>
<table>
<tr class="blue">
<th></th>
<th>Track Name</th>
<th>Artist</th>
<th>Album</th>
</tr>
<tr>
<td>1</td>
<td>Hide You</td>
<td>Kosheen</td>
<td>Resist</td>
</tr>
<tr class="blue">
<td>2</td>
<td>.38.45</td>
<td>Thievery Corporation</td>
<td>Sounds From the Thievery Hi-Fi</td>
</tr>
<tr>
<td>3</td>
<td>Fix You</td>
<td>Cold Play</td>
<td>X&Y</td>
</tr>
<tr class="blue">
<td>4</td>
<td>Hide You</td>
<td>Kosheen</td>
<td>Resist</td>
</tr>
<tr>
<td>5</td>
<td>.38.45</td>
<td>Thievery Corporation</td>
<td>Sounds From the Thievery Hi-Fi</td>
</tr>
<tr class="blue">
<td>6</td>
<td>Fix You</td>
<td>Cold Play</td>
<td>X&Y</td>
</tr>
</table>
</body>
</html>
