鼠标经过 表格行变色的源代码
2011-10-13 10:53
253 查看
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
table{
color:#565;
font:12px Arial;
}
td{
border-bottom:2px solid #b3de94;
border-top:3px solid #ffffff;
padding:9px;
}
tr{
background-color:#dfc;
}
tr:hover{
background-color:#595;
color:#fff;}
</style>
</head>
<body>
<table summary="book list">
<caption>Book List</caption>
<tr>
<td>Title</td>
<td>ID</td>
<td>Contry</td>
<td>Price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
table{
color:#565;
font:12px Arial;
}
td{
border-bottom:2px solid #b3de94;
border-top:3px solid #ffffff;
padding:9px;
}
tr{
background-color:#dfc;
}
tr:hover{
background-color:#595;
color:#fff;}
</style>
</head>
<body>
<table summary="book list">
<caption>Book List</caption>
<tr>
<td>Title</td>
<td>ID</td>
<td>Contry</td>
<td>Price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
<tr>
<td>Tom</td>
<td>526545651</td>
<td>China</td>
<td>price</td>
<td>Download</td>
</tr>
</table>
</body>
</html>
相关文章推荐
- 表格隔行换色与鼠标经过变色
- jQuery实现table表格隔行换色鼠标经过变色
- jsp制作复合表头并循环产生表格内容,控制隔行变色、鼠标经过改变背景色等操作
- js实现鼠标经过表格行变色的方法
- 细线表格,以及交替行作色,鼠标经过变色的CSS 仅IE
- 表格样式:鼠标经过时表格变色
- 实现表格鼠标经过变色,点击变色并选中项目
- 鼠标经过表格变色
- Jquery 双色表格,鼠标经过变色
- 鼠标经过时变色的表格
- 【JQuery】鼠标经过表格行变色
- css控制表格样式 鼠标经过变色效果
- 表格样式(鼠标经过时整行变色)
- js--表格操纵之 鼠标经过整行变色
- 鼠标经过背景变色,CSSJavascript实现表格背景变色
- 鼠标经过时变色的表格
- CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)
- 鼠标指针经过时整行变色的表格
- 表格隔行换色+鼠标经过变色(ie6,ie7,ff)
- 鼠标经过时,表格变色