使用CSS3中的结构伪类选择器来实现隔行变色的表格

CSS 快速掌握 admin 440浏览
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用CSS3中的结构伪类选择器来实现隔行变色的表格</title>
		<style type="text/css">
			table tr:nth-child(even){
				background-color: #f00;
			}
			table tr:nth-child(odd){
				background-color: #00f;
			}
			table tr:hover{
				background-color: #ccc;
			}
		</style>
	</head>
	<body>
		<!-- 代码结构简写/table键 -->
		table>tr*20>td{数字$}*10
	</body>
</html>

转载请注明:大灰牛博客 » 使用CSS3中的结构伪类选择器来实现隔行变色的表格