html 表格样式

最新推荐文章于 2024-07-26 14:13:22 发布

wateryi

最新推荐文章于 2024-07-26 14:13:22 发布

阅读量377

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/liwateryi/article/details/49794683

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>表格样式</title>

<style type="text/css">
.tablelist {
	font-family: 微软雅黑,verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border:solid 1px #999999;
	border-collapse: collapse;
	margin:auto;
}
.tablelist th {
	background-color:#c3dde0;
	padding: 8px;
	border:solid 1px #a9c6c9;
}
.tablelist tr {
	background-color:#d4e3e5;
}
.tablelist td {
	padding: 8px;
	border:solid 1px #a9c6c9;
}
</style>

 </head>
 <body>

<table class="tablelist">
<tr>
	<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr οnmοuseοver="this.style.backgroundColor='silver';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
	<td>Item 1A</td><td>Item 1B</td><td>Item 1C</td>
</tr>
<tr οnmοuseοver="this.style.backgroundColor='silver';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
	<td>Item 2A</td><td>Item 2B</td><td>Item 2C</td>
</tr>
<tr οnmοuseοver="this.style.backgroundColor='silver';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
	<td>Item 3A</td><td>Item 3B</td><td>Item 3C</td>
</tr>
<tr οnmοuseοver="this.style.backgroundColor='silver';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
	<td>Item 4A</td><td>Item 4B</td><td>Item 4C</td>
</tr>
<tr οnmοuseοver="this.style.backgroundColor='silver';" οnmοuseοut="this.style.backgroundColor='#d4e3e5';">
	<td>Item 5A</td><td>Item 5B</td><td>Item 5C</td>
</tr>
</table>

 </body>
</html>