您现在的位置:首页 >> 前端 >> 内容

伪类选择器的应用(代码实例)

时间:2018/1/18 15:38:17 点击:

  核心提示:伪类选择器的应用(代码实例)!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN https://www.w3.org/TR/xhtm...

伪类选择器的应用(代码实例)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css" >


	table{
		background-color:#CCC;
		border-collapse:collapse;
		border:3px;
	}
	
	tr:hover{
		background-color:#06F;
	}
</style>






<body>
	<table border="1px" width="400px" height="300px" align="center" >
    		<tr>
            	<th>姓名</th>
                <th>成绩</th>
                <th>人品</th>
            </tr>
            
            
            <tr>
            	<td>张三</td>
                <td>98</td>
                <td>差</td>
            </tr>
           
           
            <tr>
            	<td>李四</td>
                <td>50</td>
                <td>极好</td>
            </tr>
            
            
            <tr>
            	<td>综合测评</td>
                <td colspan="2">不错</td>
            </tr>
        
        
    </table>




</body>
</html>

作者:网络 来源:toshibabaj