<!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中的结构伪类选择器来实现隔行变色的表格